This repository has been archived by the owner on Aug 26, 2022. It is now read-only.
/
err404.css
99 lines (99 loc) · 2.75 KB
/
err404.css
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/* 404 - Animate the tumbeast's eyes. Original animation by J Zeller. */
@-moz-keyframes crazylefteye {
0% {left:125px;top:65px;}
10% {left:118px;top:56px;}
20% {left:118px;top:56px;}
40% {left:148px;top:62px;}
50% {left:145px;top:72px;}
60% {left:121px;top:70px;}
70% {left:125px;top:65px;}
100%{left:125px;top:65px;}
}
@-moz-keyframes crazyrighteye {
0% {left:231px;top:68px;}
10% {left:212px;top:62px;}
20% {left:212px;top:62px;}
40% {left:239px;top:64px;}
50% {left:240px;top:80px;}
60% {left:215px;top:73px;}
70% {left:231px;top:68px;}
100% {left:231px;top:68px;}
}
@-webkit-keyframes crazylefteye {
0% {left:125px;top:65px;}
10% {left:118px;top:56px;}
20% {left:118px;top:56px;}
40% {left:148px;top:62px;}
50% {left:145px;top:72px;}
60% {left:121px;top:70px;}
70% {left:125px;top:65px;}
100%{left:125px;top:65px;}
}
@-webkit-keyframes crazyrighteye {
0% {left:231px;top:68px;}
10% {left:212px;top:62px;}
20% {left:212px;top:62px;}
40% {left:239px;top:64px;}
50% {left:240px;top:80px;}
60% {left:215px;top:73px;}
70% {left:231px;top:68px;}
100% {left:231px;top:68px;}
}
@keyframes crazylefteye {
0% {left:125px;top:65px;}
10% {left:118px;top:56px;}
20% {left:118px;top:56px;}
40% {left:148px;top:62px;}
50% {left:145px;top:72px;}
60% {left:121px;top:70px;}
70% {left:125px;top:65px;}
100%{left:125px;top:65px;}
}
@keyframes crazyrighteye {
0% {left:231px;top:68px;}
10% {left:212px;top:62px;}
20% {left:212px;top:62px;}
40% {left:239px;top:64px;}
50% {left:240px;top:80px;}
60% {left:215px;top:73px;}
70% {left:231px;top:68px;}
100% {left:231px;top:68px;}
}
#beast404re{
-moz-animation-name: crazyrighteye;
-moz-animation-delay: 6s;
-moz-animation-duration: 7s;
-moz-animation-iteration-count: infinite;
-moz-animation-play-state: running;
-webkit-animation-name: crazyrighteye;
-webkit-animation-delay: 6s;
-webkit-animation-duration: 7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-name: crazyrighteye;
animation-delay: 6s;
animation-duration: 7s;
animation-iteration-count: infinite;
animation-play-state: running;
}
#beast404le{
-moz-animation-name: crazylefteye;
-moz-animation-delay: 6s;
-moz-animation-duration: 7s;
-moz-animation-iteration-count: infinite;
-moz-animation-play-state: running;
-webkit-animation-name: crazylefteye;
-webkit-animation-delay: 6s;
-webkit-animation-duration: 7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-name: crazylefteye;
animation-delay: 6s;
animation-duration: 7s;
animation-iteration-count: infinite;
animation-play-state: running;
}
#beastainer{position:relative;float:right;}
#beast404re, #beast404le{position:absolute;}
#beast404le{left:125px;top:65px;}
#beast404re{left:231px;top:68px;}