-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
146 lines (142 loc) · 4.66 KB
/
index.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>#Super_Animations #FullScreen Effects</title>
</head>
<body>
<div class="animation01">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="animation02">
<div></div>
<div></div>
</div>
<div class="animation03">
<div class="circle">
<div class="circle_element01"></div>
</div>
<div class="circle">
<div class="circle_element02"></div>
</div>
<div class="circle">
<div class="circle_element03"></div>
</div>
<div class="animation04">
<div class="line_wrapper line_wrapper01">
<span class="line line01"></span>
</div>
<div class="rotate45">
<div class="line_wrapper line_wrapper02">
<span class="line line02"></span>
</div>
</div>
<div class="line_wrapper line_wrapper03">
<span class="line line03"></span>
</div>
<div class="rotate135">
<div class="line_wrapper line_wrapper04">
<span class="line line04"></span>
</div>
</div>
<div class="line_wrapper line_wrapper05">
<span class="line line05"></span>
</div>
<div class="rotate-135">
<div class="line_wrapper line_wrapper06">
<span class="line line06"></span>
</div>
</div>
<div class="line_wrapper line_wrapper07">
<span class="line line07"></span>
</div>
<div class="rotate-45">
<div class="line_wrapper line_wrapper08">
<span class="line line08"></span>
</div>
</div>
</div>
<div class="animation05">
<div class="double_wrapper02 green02">
<div class="double_wrapper01 green01">
<div class="double_block green00"></div>
</div>
</div>
<div class="double_wrapper02 navy02">
<div class="double_wrapper01 navy01">
<div class="double_block navy00"></div>
</div>
</div>
<div class="double_wrapper02 yellow02">
<div class="double_wrapper01 yellow01">
<div class="double_block yellow00"></div>
</div>
</div>
<div class="double_wrapper02 blue02">
<div class="double_wrapper01 blue01">
<div class="double_block blue00"></div>
</div>
</div>
<div class="double_wrapper02 red02">
<div class="double_wrapper01 red01">
<div class="double_block red00"></div>
</div>
</div>
</div>
</div>
<div class="animation06">
<div class="rhombus05">
<div class="rhombus04">
<div class="rhombus03">
<div class="rhombus02">
<div class="rhombus01"></div>
</div>
</div>
</div>
</div>
</div>
<div class="animation07">
<div class="circle">
<div class="circle_element01"></div>
</div>
<div class="line_wrapper line_wrapper01">
<span class="line line01"></span>
</div>
<div class="rotate60">
<div class="line_wrapper line_wrapper02">
<span class="line line02"></span>
</div>
</div>
<div class="rotate120">
<div class="line_wrapper line_wrapper03">
<span class="line line03"></span>
</div>
</div>
<div class="line_wrapper line_wrapper04">
<span class="line line04"></span>
</div>
<div class="rotate-120">
<div class="line_wrapper line_wrapper05">
<span class="line line05"></span>
</div>
</div>
<div class="rotate-60">
<div class="line_wrapper line_wrapper06">
<span class="line line06"></span>
</div>
</div>
</div>
<div class="animation08">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</body>
</html>