-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (168 loc) · 6.72 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loading Animations</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="cell">
<a href="./2 circles loading animations/index.html"><img
src="./2 circles loading animations/2 Circles loading animation.gif">
<h2>2 circles loading animations</h2>
</a>
</div>
<div class="cell">
<a href="./3D rotating spinner/index.html"><img src="./3D rotating spinner/3D Rotating Spinner.gif">
<h2>3D rotating spinner</h2>
</a>
</div>
<div class="cell">
<a href="./4 ball spinning animation/index.html"><img
src="./4 ball spinning animation/4 ball spinning animation.gif">
<h2>4 ball spinning animation</h2>
</a>
</div>
<div class="cell">
<a href="./Bar Loader/index.html"><img src="./Bar Loader/Bar Loader.gif">
<h2>Bar Loader</h2>
</a>
</div>
<div class="cell">
<a href="./Battery loading/index.html"><img src="./Battery loading/Battery Loading Animation.gif">
<h2>Battery loading</h2>
</a>
</div>
<div class="cell">
<a href="./Beating heart/index.html"><img src="./Beating heart/Beating heart.gif">
<h2>Beating heart</h2>
</a>
</div>
<div class="cell"> <a href="./Cat mouse chase animation/index.html"><img
src="./Cat mouse chase animation/Cat Mouse Chasing animation.gif">
<h2>"Cat mouse chase animation"</h2>
</a>
</div>
<div class="cell">
<a href="./Clock/index.html"><img src="./Clock/Clock.gif">
<h2>"Clock"</h2>
</a>
</div>
<div class="cell">
<a href="./Coffee cup/index.html"><img src="./Coffee cup/Coffee Cup Filling.gif">
<h2>"Coffee cup"</h2>
</a>
</div>
<div class="cell">
<a href="./Crawling loader/index.html"><img src="./Crawling loader/Crawling Loader.gif">
<h2>"Crawling loader"</h2>
</a>
</div>
<div class="cell">
<a href="./Dot Loading Animation/index.html"><img src="./Dot Loading Animation/Dot Loading Animation.gif">
<h2>"Dot Loading Animation"</h2>
</a>
</div>
<div class="cell">
<a href="./Fidget spinner/index.html"><img src="./Fidget spinner/Fidget-Spinner.gif">
<h2>"Fidget spinner"</h2>
</a>
</div>
<div class="cell">
<a href="./Flipping loader (text)/index.html"><img src="./Flipping loader (text)/Word-Flipping-Loader.gif">
<h2>"Flipping loader (text)"</h2>
</a>
</div>
<div class="cell">
<a href="./Folding loader/index.html"><img src="./Folding loader/Folding-Loader.gif">
<h2>"Folding loader"</h2>
</a>
</div>
<div class="cell">
<a href="./Heart Loading animation/index.html"><img
src="./Heart Loading animation/Heart-loading-Animation.gif">
<h2>"Heart Loading animation"</h2>
</a>
</div>
<div class="cell">
<a href="./Milk loader improved/index.html"><img src="./Milk loader improved/milk-loader.gif">
<h2>"Milk loader improved"</h2>
</a>
</div>
<div class="cell">
<a href="./Minimal Bird loader/index.html"><img src="./Minimal Bird loader/Minimal-Bird-Loader.gif">
<h2>"Minimal Bird loader"</h2>
</a>
</div>
<div class="cell">
<a href="./Minimalist Loader/index.html"><img src="./Minimalist Loader/Minimalist-Loader.gif">
<h2>"Minimalist Loader"</h2>
</a>
</div>
<div class="cell">
<a href="./Multi-circle loading animation/index.html"><img
src="./Multi-circle loading animation/multi-circle-loading-animation.gif">
<h2>"Multi-circle loading animation"</h2>
</a>
</div>
<div class="cell">
<a href="./Neumorphism Loading Animation/index.html"><img
src="./Neumorphism Loading Animation/Neumorphism-Loading-Animation.gif">
<h2>"Neumorphism Loading Animation"</h2>
</a>
</div>
<div class="cell">
<a href="./Newton's cradle/index.html"><img src="./Newton's cradle/Newtons_cradle.gif">
<h2>"Newton's cradle"</h2>
</a>
</div>
<div class="cell">
<a href="./On-hover spinner/index.html"><img src="./On-hover spinner/On hover spinner animation.gif">
<h2>"On-hover spinner"</h2>
</a>
</div>
<div class="cell">
<a href="./Paint roller/index.html"><img src="./Paint roller/paint roller.gif">
<h2>"Paint roller"</h2>
</a>
</div>
<div class="cell">
<a href="./Snowflake/index.html"><img src="./Snowflake/Snowflake Spinner.gif">
<h2>"Snowflake"</h2>
</a>
</div>
<div class="cell">
<a href="./Spinner star pattern illusion/index.html"><img
src="./Spinner star pattern illusion/SpinnerStarPattern.gif">
<h2>"Spinner star pattern illusion"</h2>
</a>
</div>
<div class="cell">
<a href="./Text loading animation/index.html"><img
src="./Text loading animation/Text Loading Animation.gif">
<h2>"Text loading animation"</h2>
</a>
</div>
<div class="cell">
<a href="./Wave of triangles/index.html"><img src="./Wave of triangles/Wave of triangles.gif">
<h2>"Wave of triangles"</h2>
</a>
</div>
<div class="cell">
<a href="./Wifi Loading animation/index.html"><img
src="./Wifi Loading animation/Wifi Loading animation.gif">
<h2>"Wifi Loading animation"</h2>
</a>
</div>
<div class="cell">
<a href="./Yin Yang animated loader/index.html"><img
src="./Yin Yang animated loader/Yin Yang animation.gif">
<h2>"Yin Yang animated loader"</h2>
</a>
</div>
</div>
</body>
</html>