-
Notifications
You must be signed in to change notification settings - Fork 5
/
test.html
84 lines (76 loc) · 2.62 KB
/
test.html
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<html>
<head>
<p>:)</p>
<style>
html {
background: black;
padding: 2rem;
}
a {
display: block;
padding-top: 2rem;
color: #2d2d2d;
}
p {
font-family: sans-serif;
font-weight: bold;
color: white;
font-size: 5rem;
animation: glitch 1s steps(100) infinite;
}
/* GLITCH EFFECT */
@keyframes glitch {
0% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
4% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
5% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
10% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
11% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
15% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
16% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
20% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
21% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
30% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
31% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
40% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
41% {text-shadow: 50px 0 0 blue, -50px 0 0 lime;}
42% {text-shadow: 0 0 0 blue, 0 0 0 lime;}
43% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
46% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
47% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
50% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
51% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
55% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
56% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
60% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
61% {text-shadow: 30px 0 0 red, -30px 0 0 lime;}
62% {text-shadow: 0 0 0 red, 0 0 0 lime;}
63% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;}
66% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;}
67% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
70% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
71% {text-shadow: 70px 0 0 red, -70px 0 0 blue;}
72% {text-shadow: 0 0 0 red, 0 0 0 blue;}
73% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
76% {text-shadow: 1px 0 0 red, -1px 0 0 blue;}
77% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
80% {text-shadow: -1px 0 0 red, 1px 0 0 blue;}
81% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
85% {text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;}
86% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
90% {text-shadow: -1px 0 0 red, 1px 0 0 lime;}
91% {text-shadow: 60px 0 0 lime, -60px 0 0 blue;}
92% {text-shadow: 0 0 0 lime, 0 0 0 blue;}
92% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
95% {text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;}
96% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
99% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
100% {text-shadow: -1px 0 0 blue, 1px 0 0 lime;}
}
</style>
<script>
setTimeout(function() {
window.location.href = 'crash.html';
}, 5000);
</script>
</body>
</html>