Splashy-Studio-2/effect.html at main · SplashyStudio/Splashy-Studio-2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<style>
body {
    padding: none;
    margin: 0;
    background: #0000ff;
}
#startupEffect {
    animation: startUpEffect 1s linear;
    background: white;
    margin-left: -10px;
    margin-top: -10px;
    width: 2000px;
    height: 2000px;
}
@keyframes startUpEffect {
    0% {
        display: block;
    }
    50% {
        opacity: 50%;
    }
    100% {
        opacity: 0%;
    }
}
</style>
<div id="startupEffect"></div>
<script>
window.setTimeout(startup, 1500);
window.setTimeout(effectDisappear, 980);
var splash = new Audio();
splash.src = "splash.mp3";
splash.play();
function startup() {
    if(window.location) {
        window.location = 'ss2.html' + window.location.hash;
    }
}
function effectDisappear() {
    document.getElementById("startupEffect").style.display = "none";
}
</script>