-
Notifications
You must be signed in to change notification settings - Fork 0
/
bgani-out.html
77 lines (76 loc) · 2.48 KB
/
bgani-out.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
<!DOCTYPE html>
<html>
<head>
<title>bgani-test</title>
<style>
:root {
background-color: red; /* default bg if animation is unavailable */
animation-name: example; /* @keyframes list name */
animation-duration: 120s; /* duration of animation */
animation-iteration-count: infinite; /* times to iterate animation */
animation-direction: alternate; /* alternate forward and backward */
}
@keyframes example {
0% { background-color:#e7a6cb; }
2% { background-color:#e7b5cc; }
4% { background-color:#e7c4cd; }
6% { background-color:#e7d3ce; }
8% { background-color:#e7e2cf; }
10% { background-color:#ffe8de; }
12% { background-color:#ffeede; }
14% { background-color:#ffe7do; }
16% { background-color:#ffdab8; }
18% { background-color:#fcd0b8; }
20% { background-color:#fcd299; }
22% { background-color:#fee68e; }
24% { background-color:#ffffe6; }
26% { background-color:#ffffcc; }
28% { background-color:#ffffb3; }
30% { background-color:#fffee0; }
32% { background-color:#fffec8; }
34% { background-color:#fffdaf; }
36% { background-color:#e5fb95; }
38% { background-color:#f5ffbe; }
40% { background-color:#d1feb8; }
42% { background-color:#e8fbe1; }
44% { background-color:#aafbdc; }
46% { background-color:#c0ffee; }
48% { background-color:#cffff2; }
50% { background-color:#dcfff5; }
52% { background-color:#e6fff8; }
54% { background-color:#d8f9ff; }
56% { background-color:#b1f2ff; }
58% { background-color:#8aecff; }
60% { background-color:#63e5ff; }
62% { background-color:#3cdfff; }
64% { background-color:#87cefa; }
66% { background-color:#93d3fb; }
68% { background-color:#9fd8fb; }
70% { background-color:#abddfc; }
72% { background-color:#b7e2fc; }
74% { background-color:#c3e7fd; }
76% { background-color:#cfebfd; }
78% { background-color:#dbf0fe; }
80% { background-color:#d466ff; }
82% { background-color:#cdabff; }
84% { background-color:#c2a1ff; }
86% { background-color:#6892ff; }
88% { background-color:#dec8ff; }
90% { background-color:#ebd4ff; }
92% { background-color:#eee1ff; }
94% { background-color:#f4f1ff; }
96% { background-color:#e9e5f3; }
98% { background-color:#ffe5ec; }
100% { background-color:#ffc2d1; }
};
div {
margin:1em;
padding:1em;
border:black 1px solid;
}
</style>
</head>
<body>
<div id="aniid"> </div>
</body>
</html>