-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
21 lines (19 loc) · 4.8 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.chicken {
position: absolute;
animation: chicken 0.4s infinite, 3s linear .1s infinite running slidein;
-webkit-animation: chicken 0.4s infinite, 3s linear .1s infinite running slidein;
-moz-animation: chicken 0.4s infinite, 3s linear .1s infinite running slidein;
-o-animation: chicken 0.4s infinite, 3s linear .1s infinite running slidein;
}
@keyframes chicken {
0%, 50%{
box-shadow: 80px 20px 0 0 #ff0000, 70px 30px 0 0 #ff0000, 80px 30px 0 0 #ff0000, 90px 30px 0 0 #ff0000, 90px 40px 0 0 #ff0000, 80px 50px 0 0 #ffffff, 90px 50px 0 0 #ffffff, 100px 50px 0 0 #ffffff, 110px 50px 0 0 #ffffff, 80px 60px 0 0 #ffffff, 90px 60px 0 0 #ffffff, 100px 60px 0 0 #000000, 110px 60px 0 0 #ffffff, 120px 60px 0 0 #ffffff, 130px 60px 0 0 #ffeb3b, 140px 60px 0 0 #ffeb3b, 80px 70px 0 0 #ffffff, 90px 70px 0 0 #ffffff, 100px 70px 0 0 #ffffff, 110px 70px 0 0 #ffffff, 120px 70px 0 0 #ffffff, 130px 70px 0 0 #ffeb3b, 140px 70px 0 0 #ffeb3b, 80px 80px 0 0 #ffffff, 90px 80px 0 0 #ffffff, 100px 80px 0 0 #ffffff, 110px 80px 0 0 #ffffff, 120px 80px 0 0 #ffffff, 80px 90px 0 0 #ffffff, 90px 90px 0 0 #ffffff, 100px 90px 0 0 #ffffff, 110px 90px 0 0 #ffffff, 30px 100px 0 0 #ffffff, 40px 100px 0 0 #ffffff, 50px 100px 0 0 #ffffff, 60px 100px 0 0 #ffffff, 70px 100px 0 0 #ffffff, 80px 100px 0 0 #ffffff, 90px 100px 0 0 #ffffff, 100px 100px 0 0 #ffffff, 110px 100px 0 0 #ffffff, 120px 100px 0 0 #ffffff, 30px 110px 0 0 #ffffff, 40px 110px 0 0 #ffffff, 50px 110px 0 0 #ffffff, 60px 110px 0 0 rgba(255,255,255,0.98), 70px 110px 0 0 rgba(255,255,240,1), 80px 110px 0 0 rgba(255,255,240,1), 90px 110px 0 0 rgba(255,255,255,0.98), 100px 110px 0 0 #ffffff, 110px 110px 0 0 #ffffff, 120px 110px 0 0 #ffffff, 40px 120px 0 0 #ffffff, 50px 120px 0 0 #ffffff, 60px 120px 0 0 #ffffff, 70px 120px 0 0 rgba(255,255,240,1), 80px 120px 0 0 rgba(255,255,240,1), 90px 120px 0 0 rgba(255,255,240,1), 100px 120px 0 0 rgba(255,255,240,1), 110px 120px 0 0 rgba(255,255,255,0.98), 120px 120px 0 0 #ffffff, 50px 130px 0 0 #ffffff, 60px 130px 0 0 rgba(255,255,240,1), 70px 130px 0 0 rgba(255,255,255,0.98), 80px 130px 0 0 rgba(255,255,255,0.98), 90px 130px 0 0 #ffffff, 100px 130px 0 0 #ffffff, 110px 130px 0 0 #ffffff, 120px 130px 0 0 #ffffff, 60px 140px 0 0 #ffffff, 70px 140px 0 0 #ffffff, 80px 140px 0 0 #ffffff, 90px 140px 0 0 #ffffff, 100px 140px 0 0 #ffffff, 110px 140px 0 0 #ffffff, 120px 140px 0 0 #ffffff, 80px 150px 0 0 #ffeb3b, 100px 150px 0 0 #ffeb3b, 70px 160px 0 0 #ffeb3b, 80px 160px 0 0 #ffeb3b, 100px 160px 0 0 #ffeb3b, 110px 160px 0 0 #ffeb3b;height: 10px; width: 10px;
}
50.01%, 100%{
box-shadow: 150px 40px 0 0 #ff0000, 80px 50px 0 0 #ffffff, 90px 50px 0 0 #ffffff, 100px 50px 0 0 #ffffff, 110px 50px 0 0 #ffffff, 120px 50px 0 0 #ff0000, 130px 50px 0 0 #ff0000, 140px 50px 0 0 #ff0000, 150px 50px 0 0 #ff0000, 80px 60px 0 0 #ffffff, 90px 60px 0 0 #ffffff, 100px 60px 0 0 rgba(255,255,240,1), 110px 60px 0 0 #ffffff, 120px 60px 0 0 #ffffff, 140px 60px 0 0 #ff0000, 80px 70px 0 0 #ffffff, 90px 70px 0 0 #ffffff, 100px 70px 0 0 #ffffff, 110px 70px 0 0 #000000, 120px 70px 0 0 #ffffff, 80px 80px 0 0 #ffffff, 90px 80px 0 0 #ffffff, 100px 80px 0 0 #ffffff, 110px 80px 0 0 #ffffff, 120px 80px 0 0 #ffeb3b, 130px 80px 0 0 #ffeb3b, 80px 90px 0 0 rgba(255,255,240,1), 90px 90px 0 0 #ffffff, 100px 90px 0 0 #ffffff, 110px 90px 0 0 #ffffff, 120px 90px 0 0 #ffeb3b, 130px 90px 0 0 #ffeb3b, 30px 100px 0 0 #ffffff, 40px 100px 0 0 #ffffff, 50px 100px 0 0 #ffffff, 60px 100px 0 0 #ffffff, 70px 100px 0 0 #ffffff, 80px 100px 0 0 #ffffff, 90px 100px 0 0 #ffffff, 100px 100px 0 0 #ffffff, 110px 100px 0 0 #ffffff, 120px 100px 0 0 rgba(255,255,240,1), 130px 100px 0 0 #ffeb3b, 30px 110px 0 0 #ffffff, 40px 110px 0 0 #ffffff, 50px 110px 0 0 #ffffff, 60px 110px 0 0 rgba(255,255,255,0.98), 70px 110px 0 0 rgba(255,255,240,1), 80px 110px 0 0 rgba(255,255,240,1), 90px 110px 0 0 rgba(255,255,255,0.98), 100px 110px 0 0 #ffffff, 110px 110px 0 0 #ffffff, 120px 110px 0 0 #ffffff, 40px 120px 0 0 #ffffff, 50px 120px 0 0 #ffffff, 60px 120px 0 0 #ffffff, 70px 120px 0 0 rgba(255,255,240,1), 80px 120px 0 0 rgba(255,255,240,1), 90px 120px 0 0 rgba(255,255,240,1), 100px 120px 0 0 rgba(255,255,240,1), 110px 120px 0 0 rgba(255,255,255,0.98), 120px 120px 0 0 #ffffff, 50px 130px 0 0 #ffffff, 60px 130px 0 0 rgba(255,255,240,1), 70px 130px 0 0 rgba(255,255,255,0.98), 80px 130px 0 0 rgba(255,255,255,0.98), 90px 130px 0 0 #ffffff, 100px 130px 0 0 #ffffff, 110px 130px 0 0 #ffffff, 120px 130px 0 0 #ffffff, 60px 140px 0 0 #ffffff, 70px 140px 0 0 #ffffff, 80px 140px 0 0 #ffffff, 90px 140px 0 0 #ffffff, 100px 140px 0 0 #ffffff, 110px 140px 0 0 #ffffff, 120px 140px 0 0 #ffffff, 80px 150px 0 0 #ffeb3b, 100px 150px 0 0 #ffeb3b, 70px 160px 0 0 #ffeb3b, 80px 160px 0 0 #ffeb3b, 100px 160px 0 0 #ffeb3b, 110px 160px 0 0 #ffeb3b;height: 10px; width: 10px;
}
}
@keyframes slidein {
from { transform: scaleX(0); }
to { transform: scaleX(10); }
}