anijs-rails 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.gitignore +9 -0
- data/CODE_OF_CONDUCT.md +49 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +21 -0
- data/README.md +41 -0
- data/Rakefile +2 -0
- data/anijs-rails.gemspec +25 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/lib/anijs/rails.rb +8 -0
- data/lib/anijs/rails/version.rb +5 -0
- data/vendor/assets/javascripts/anijs-helper-dom.js +514 -0
- data/vendor/assets/javascripts/anijs-helper-scrollreveal.js +133 -0
- data/vendor/assets/javascripts/anijs-jquery-event-system.js +64 -0
- data/vendor/assets/javascripts/anijs-min.js +1 -0
- data/vendor/assets/javascripts/anijs.js +1493 -0
- data/vendor/assets/stylesheets/anicollection.css +4686 -0
- metadata +89 -0
|
@@ -0,0 +1,4686 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
|
|
3
|
+
/*!
|
|
4
|
+
AniCollection - http://anicollection.github.io/
|
|
5
|
+
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
6
|
+
Copyright (c) 2015 Dariel Noel
|
|
7
|
+
|
|
8
|
+
Animate.css - http://daneden.me/animate
|
|
9
|
+
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
10
|
+
Copyright (c) 2014 Daniel Eden
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
.animated {
|
|
14
|
+
-webkit-animation-duration: 1s;
|
|
15
|
+
animation-duration: 1s;
|
|
16
|
+
-webkit-animation-fill-mode: both;
|
|
17
|
+
animation-fill-mode: both;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.animated.infinite {
|
|
21
|
+
-webkit-animation-iteration-count: infinite;
|
|
22
|
+
animation-iteration-count: infinite;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.animated.hinge {
|
|
26
|
+
-webkit-animation-duration: 2s;
|
|
27
|
+
animation-duration: 2s;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.duration-xs {
|
|
31
|
+
-webkit-animation-duration: 0.25s;
|
|
32
|
+
animation-duration: 0.25s;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.duration-sm {
|
|
36
|
+
-webkit-animation-duration: 0.5s;
|
|
37
|
+
animation-duration: 0.5s;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.duration-md {
|
|
41
|
+
-webkit-animation-duration: 1s;
|
|
42
|
+
animation-duration: 1s;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.duration-lg {
|
|
46
|
+
-webkit-animation-duration: 2s;
|
|
47
|
+
animation-duration: 2s;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.duration-xl {
|
|
51
|
+
-webkit-animation-duration: 4s;
|
|
52
|
+
animation-duration: 4s;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/*animation-timing-function: sets the animation speed
|
|
56
|
+
( linear | ease | ease-in | ease-out | ease-in-out | cubic-bezier ).*/
|
|
57
|
+
|
|
58
|
+
.timing-linear {
|
|
59
|
+
-webkit-animation-timing-function: linear;
|
|
60
|
+
animation-timing-function: linear;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.timing-ease-in {
|
|
64
|
+
-webkit-animation-timing-function: ease-in;
|
|
65
|
+
animation-timing-function: ease-in;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.timing-ease-out {
|
|
69
|
+
-webkit-animation-timing-function: ease-out;
|
|
70
|
+
animation-timing-function: ease-out;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.timing-ease-in-out {
|
|
74
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
75
|
+
animation-timing-function: ease-in-out;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.timing-cubic-bezier {
|
|
79
|
+
-webkit-animation-timing-function: cubic-bezier;
|
|
80
|
+
animation-timing-function: cubic-bezier;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/*animation-delay: the delay before our animation will start.*/
|
|
84
|
+
|
|
85
|
+
.delay-xs {
|
|
86
|
+
-webkit-animation-delay: 0.25s;
|
|
87
|
+
animation-delay: 0.25s;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.delay-sm {
|
|
91
|
+
-webkit-animation-delay: 0.5s;
|
|
92
|
+
animation-delay: 0.5s;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.delay-md {
|
|
96
|
+
-webkit-animation-delay: 1s;
|
|
97
|
+
animation-delay: 1s;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.delay-lg {
|
|
101
|
+
-webkit-animation-delay: 2s;
|
|
102
|
+
animation-delay: 2s;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.delay-xl {
|
|
106
|
+
-webkit-animation-delay: 4s;
|
|
107
|
+
animation-delay: 4s;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
/*how many times it will iterate through animation.*/
|
|
111
|
+
|
|
112
|
+
.iteration-infinite {
|
|
113
|
+
-webkit-animation-iteration-count: infinite;
|
|
114
|
+
animation-iteration-count: infinite;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.iteration-1 {
|
|
118
|
+
-webkit-animation-iteration-count: 1;
|
|
119
|
+
animation-iteration-count: 1;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.iteration-2 {
|
|
123
|
+
-webkit-animation-iteration-count: 2;
|
|
124
|
+
animation-iteration-count: 2;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.iteration-3 {
|
|
128
|
+
-webkit-animation-iteration-count: 3;
|
|
129
|
+
animation-iteration-count: 3;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.iteration-4 {
|
|
133
|
+
-webkit-animation-iteration-count: 2;
|
|
134
|
+
animation-iteration-count: 2;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.iteration-5 {
|
|
138
|
+
-webkit-animation-iteration-count: 4;
|
|
139
|
+
animation-iteration-count: 4;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/* animation-direction: gives you the ability to change the loop direction, from start to end ,
|
|
143
|
+
or from end to start, or both.*/
|
|
144
|
+
|
|
145
|
+
.direction-normal {
|
|
146
|
+
-webkit-animation-direction: normal;
|
|
147
|
+
animation-direction: normal;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.direction-reverse {
|
|
151
|
+
-webkit-animation-direction: reverse;
|
|
152
|
+
animation-direction: reverse;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.direction-alternate {
|
|
156
|
+
-webkit-animation-direction: alternate;
|
|
157
|
+
animation-direction: alternate;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.direction-alternate-reverse {
|
|
161
|
+
-webkit-animation-direction: alternate-reverse;
|
|
162
|
+
animation-direction: alternate-reverse;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
/* animation-fill-mode: specifies which styles will be applied to the element when our animation is finished*/
|
|
166
|
+
|
|
167
|
+
.fill-mode-none {
|
|
168
|
+
-webkit-animation-fill-mode: none;
|
|
169
|
+
animation-fill-mode: none;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.fill-mode-forwards {
|
|
173
|
+
-webkit-animation-fill-mode: forwards;
|
|
174
|
+
animation-fill-mode: forwards;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.fill-mode-backwards {
|
|
178
|
+
-webkit-animation-fill-mode: backwards;
|
|
179
|
+
animation-fill-mode: backwards;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.fill-mode-both {
|
|
183
|
+
-webkit-animation-fill-mode: both;
|
|
184
|
+
animation-fill-mode: both;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
/*
|
|
188
|
+
*@name bounce
|
|
189
|
+
*@className bounce animated
|
|
190
|
+
*@cssCode true
|
|
191
|
+
*@editionLink codepen.io
|
|
192
|
+
*@author Dan Eden
|
|
193
|
+
*@source Animate.css
|
|
194
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
195
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
196
|
+
*@license MIT
|
|
197
|
+
*/
|
|
198
|
+
|
|
199
|
+
@-webkit-keyframes bounce {
|
|
200
|
+
0%, 100%, 20%, 53%, 80% {
|
|
201
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
202
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
203
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
204
|
+
transform: translate3d(0, 0, 0);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
40%, 43% {
|
|
208
|
+
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
209
|
+
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
210
|
+
-webkit-transform: translate3d(0, -30px, 0);
|
|
211
|
+
transform: translate3d(0, -30px, 0);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
70% {
|
|
215
|
+
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
216
|
+
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
217
|
+
-webkit-transform: translate3d(0, -15px, 0);
|
|
218
|
+
transform: translate3d(0, -15px, 0);
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
90% {
|
|
222
|
+
-webkit-transform: translate3d(0, -4px, 0);
|
|
223
|
+
transform: translate3d(0, -4px, 0);
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
@keyframes bounce {
|
|
228
|
+
0%, 100%, 20%, 53%, 80% {
|
|
229
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
230
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
231
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
232
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
233
|
+
transform: translate3d(0, 0, 0);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
40%, 43% {
|
|
237
|
+
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
238
|
+
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
239
|
+
-webkit-transform: translate3d(0, -30px, 0);
|
|
240
|
+
-ms-transform: translate3d(0, -30px, 0);
|
|
241
|
+
transform: translate3d(0, -30px, 0);
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
70% {
|
|
245
|
+
-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
246
|
+
transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
|
|
247
|
+
-webkit-transform: translate3d(0, -15px, 0);
|
|
248
|
+
-ms-transform: translate3d(0, -15px, 0);
|
|
249
|
+
transform: translate3d(0, -15px, 0);
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
90% {
|
|
253
|
+
-webkit-transform: translate3d(0, -4px, 0);
|
|
254
|
+
-ms-transform: translate3d(0, -4px, 0);
|
|
255
|
+
transform: translate3d(0, -4px, 0);
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.bounce {
|
|
260
|
+
-webkit-animation-name: bounce;
|
|
261
|
+
animation-name: bounce;
|
|
262
|
+
-webkit-transform-origin: center bottom;
|
|
263
|
+
-ms-transform-origin: center bottom;
|
|
264
|
+
transform-origin: center bottom;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
/*
|
|
268
|
+
*@name flash
|
|
269
|
+
*@className flash animated
|
|
270
|
+
*@cssCode true
|
|
271
|
+
*@editionLink codepen.io
|
|
272
|
+
*@author Dan Eden
|
|
273
|
+
*@source Animate.css
|
|
274
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
275
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
276
|
+
*@license MIT
|
|
277
|
+
*/
|
|
278
|
+
|
|
279
|
+
@-webkit-keyframes flash {
|
|
280
|
+
0%, 100%, 50% {
|
|
281
|
+
opacity: 1;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
25%, 75% {
|
|
285
|
+
opacity: 0;
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
@keyframes flash {
|
|
290
|
+
0%, 100%, 50% {
|
|
291
|
+
opacity: 1;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
25%, 75% {
|
|
295
|
+
opacity: 0;
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.flash {
|
|
300
|
+
-webkit-animation-name: flash;
|
|
301
|
+
animation-name: flash;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
/*
|
|
305
|
+
*@name pulse
|
|
306
|
+
*@className pulse animated
|
|
307
|
+
*@cssCode true
|
|
308
|
+
*@editionLink codepen.io
|
|
309
|
+
*@author Nick Pettit
|
|
310
|
+
*@source Glide
|
|
311
|
+
*@sourceUrl https://github.com/nickpettit/glide
|
|
312
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
313
|
+
*@license MIT
|
|
314
|
+
*/
|
|
315
|
+
|
|
316
|
+
@-webkit-keyframes pulse {
|
|
317
|
+
0% {
|
|
318
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
319
|
+
transform: scale3d(1, 1, 1);
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
50% {
|
|
323
|
+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
324
|
+
transform: scale3d(1.05, 1.05, 1.05);
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
100% {
|
|
328
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
329
|
+
transform: scale3d(1, 1, 1);
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
@keyframes pulse {
|
|
334
|
+
0% {
|
|
335
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
336
|
+
-ms-transform: scale3d(1, 1, 1);
|
|
337
|
+
transform: scale3d(1, 1, 1);
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
50% {
|
|
341
|
+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
342
|
+
-ms-transform: scale3d(1.05, 1.05, 1.05);
|
|
343
|
+
transform: scale3d(1.05, 1.05, 1.05);
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
100% {
|
|
347
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
348
|
+
-ms-transform: scale3d(1, 1, 1);
|
|
349
|
+
transform: scale3d(1, 1, 1);
|
|
350
|
+
}
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.pulse {
|
|
354
|
+
-webkit-animation-name: pulse;
|
|
355
|
+
animation-name: pulse;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
/*
|
|
359
|
+
*@name rubberBand
|
|
360
|
+
*@className rubberBand animated
|
|
361
|
+
*@cssCode true
|
|
362
|
+
*@editionLink codepen.io
|
|
363
|
+
*@author Dan Eden
|
|
364
|
+
*@source Animate.css
|
|
365
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
366
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
367
|
+
*@license MIT
|
|
368
|
+
*/
|
|
369
|
+
|
|
370
|
+
@-webkit-keyframes rubberBand {
|
|
371
|
+
0% {
|
|
372
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
373
|
+
transform: scale3d(1, 1, 1);
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
30% {
|
|
377
|
+
-webkit-transform: scale3d(1.25, .75, 1);
|
|
378
|
+
transform: scale3d(1.25, .75, 1);
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
40% {
|
|
382
|
+
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
383
|
+
transform: scale3d(0.75, 1.25, 1);
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
50% {
|
|
387
|
+
-webkit-transform: scale3d(1.15, .85, 1);
|
|
388
|
+
transform: scale3d(1.15, .85, 1);
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
65% {
|
|
392
|
+
-webkit-transform: scale3d(.95, 1.05, 1);
|
|
393
|
+
transform: scale3d(.95, 1.05, 1);
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
75% {
|
|
397
|
+
-webkit-transform: scale3d(1.05, .95, 1);
|
|
398
|
+
transform: scale3d(1.05, .95, 1);
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
100% {
|
|
402
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
403
|
+
transform: scale3d(1, 1, 1);
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
@keyframes rubberBand {
|
|
408
|
+
0% {
|
|
409
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
410
|
+
-ms-transform: scale3d(1, 1, 1);
|
|
411
|
+
transform: scale3d(1, 1, 1);
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
30% {
|
|
415
|
+
-webkit-transform: scale3d(1.25, .75, 1);
|
|
416
|
+
-ms-transform: scale3d(1.25, .75, 1);
|
|
417
|
+
transform: scale3d(1.25, .75, 1);
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
40% {
|
|
421
|
+
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
422
|
+
-ms-transform: scale3d(0.75, 1.25, 1);
|
|
423
|
+
transform: scale3d(0.75, 1.25, 1);
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
50% {
|
|
427
|
+
-webkit-transform: scale3d(1.15, .85, 1);
|
|
428
|
+
-ms-transform: scale3d(1.15, .85, 1);
|
|
429
|
+
transform: scale3d(1.15, .85, 1);
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
65% {
|
|
433
|
+
-webkit-transform: scale3d(.95, 1.05, 1);
|
|
434
|
+
-ms-transform: scale3d(.95, 1.05, 1);
|
|
435
|
+
transform: scale3d(.95, 1.05, 1);
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
75% {
|
|
439
|
+
-webkit-transform: scale3d(1.05, .95, 1);
|
|
440
|
+
-ms-transform: scale3d(1.05, .95, 1);
|
|
441
|
+
transform: scale3d(1.05, .95, 1);
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
100% {
|
|
445
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
446
|
+
-ms-transform: scale3d(1, 1, 1);
|
|
447
|
+
transform: scale3d(1, 1, 1);
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
.rubberBand {
|
|
452
|
+
-webkit-animation-name: rubberBand;
|
|
453
|
+
animation-name: rubberBand;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
/*
|
|
457
|
+
*@name shake
|
|
458
|
+
*@className shake animated
|
|
459
|
+
*@cssCode true
|
|
460
|
+
*@editionLink codepen.io
|
|
461
|
+
*@author Dan Eden
|
|
462
|
+
*@source Animate.css
|
|
463
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
464
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
465
|
+
*@license MIT
|
|
466
|
+
*/
|
|
467
|
+
|
|
468
|
+
@-webkit-keyframes shake {
|
|
469
|
+
0%, 100% {
|
|
470
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
471
|
+
transform: translate3d(0, 0, 0);
|
|
472
|
+
}
|
|
473
|
+
|
|
474
|
+
10%, 30%, 50%, 70%, 90% {
|
|
475
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
|
476
|
+
transform: translate3d(-10px, 0, 0);
|
|
477
|
+
}
|
|
478
|
+
|
|
479
|
+
20%, 40%, 60%, 80% {
|
|
480
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
|
481
|
+
transform: translate3d(10px, 0, 0);
|
|
482
|
+
}
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
@keyframes shake {
|
|
486
|
+
0%, 100% {
|
|
487
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
488
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
489
|
+
transform: translate3d(0, 0, 0);
|
|
490
|
+
}
|
|
491
|
+
|
|
492
|
+
10%, 30%, 50%, 70%, 90% {
|
|
493
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
|
494
|
+
-ms-transform: translate3d(-10px, 0, 0);
|
|
495
|
+
transform: translate3d(-10px, 0, 0);
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
20%, 40%, 60%, 80% {
|
|
499
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
|
500
|
+
-ms-transform: translate3d(10px, 0, 0);
|
|
501
|
+
transform: translate3d(10px, 0, 0);
|
|
502
|
+
}
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
.shake {
|
|
506
|
+
-webkit-animation-name: shake;
|
|
507
|
+
animation-name: shake;
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
/*
|
|
511
|
+
*@name swing
|
|
512
|
+
*@className swing animated
|
|
513
|
+
*@cssCode true
|
|
514
|
+
*@editionLink codepen.io
|
|
515
|
+
*@author Dan Eden
|
|
516
|
+
*@source Animate.css
|
|
517
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
518
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
519
|
+
*@license MIT
|
|
520
|
+
*/
|
|
521
|
+
|
|
522
|
+
@-webkit-keyframes swing {
|
|
523
|
+
20% {
|
|
524
|
+
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
|
525
|
+
transform: rotate3d(0, 0, 1, 15deg);
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
40% {
|
|
529
|
+
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
|
530
|
+
transform: rotate3d(0, 0, 1, -10deg);
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
60% {
|
|
534
|
+
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
|
535
|
+
transform: rotate3d(0, 0, 1, 5deg);
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
80% {
|
|
539
|
+
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
|
540
|
+
transform: rotate3d(0, 0, 1, -5deg);
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
100% {
|
|
544
|
+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
545
|
+
transform: rotate3d(0, 0, 1, 0deg);
|
|
546
|
+
}
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
@keyframes swing {
|
|
550
|
+
20% {
|
|
551
|
+
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
|
552
|
+
-ms-transform: rotate3d(0, 0, 1, 15deg);
|
|
553
|
+
transform: rotate3d(0, 0, 1, 15deg);
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
40% {
|
|
557
|
+
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
|
558
|
+
-ms-transform: rotate3d(0, 0, 1, -10deg);
|
|
559
|
+
transform: rotate3d(0, 0, 1, -10deg);
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
60% {
|
|
563
|
+
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
|
564
|
+
-ms-transform: rotate3d(0, 0, 1, 5deg);
|
|
565
|
+
transform: rotate3d(0, 0, 1, 5deg);
|
|
566
|
+
}
|
|
567
|
+
|
|
568
|
+
80% {
|
|
569
|
+
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
|
570
|
+
-ms-transform: rotate3d(0, 0, 1, -5deg);
|
|
571
|
+
transform: rotate3d(0, 0, 1, -5deg);
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
100% {
|
|
575
|
+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
576
|
+
-ms-transform: rotate3d(0, 0, 1, 0deg);
|
|
577
|
+
transform: rotate3d(0, 0, 1, 0deg);
|
|
578
|
+
}
|
|
579
|
+
}
|
|
580
|
+
|
|
581
|
+
.swing {
|
|
582
|
+
-webkit-transform-origin: top center;
|
|
583
|
+
-ms-transform-origin: top center;
|
|
584
|
+
transform-origin: top center;
|
|
585
|
+
-webkit-animation-name: swing;
|
|
586
|
+
animation-name: swing;
|
|
587
|
+
}
|
|
588
|
+
|
|
589
|
+
/*
|
|
590
|
+
*@name tada
|
|
591
|
+
*@className tada animated
|
|
592
|
+
*@cssCode true
|
|
593
|
+
*@editionLink codepen.io
|
|
594
|
+
*@author Dan Eden
|
|
595
|
+
*@source Animate.css
|
|
596
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
597
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
598
|
+
*@license MIT
|
|
599
|
+
*/
|
|
600
|
+
|
|
601
|
+
@-webkit-keyframes tada {
|
|
602
|
+
0% {
|
|
603
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
604
|
+
transform: scale3d(1, 1, 1);
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
10%, 20% {
|
|
608
|
+
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
609
|
+
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
610
|
+
}
|
|
611
|
+
|
|
612
|
+
30%, 50%, 70%, 90% {
|
|
613
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
614
|
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
40%, 60%, 80% {
|
|
618
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
619
|
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
620
|
+
}
|
|
621
|
+
|
|
622
|
+
100% {
|
|
623
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
624
|
+
transform: scale3d(1, 1, 1);
|
|
625
|
+
}
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
@keyframes tada {
|
|
629
|
+
0% {
|
|
630
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
631
|
+
-ms-transform: scale3d(1, 1, 1);
|
|
632
|
+
transform: scale3d(1, 1, 1);
|
|
633
|
+
}
|
|
634
|
+
|
|
635
|
+
10%, 20% {
|
|
636
|
+
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
637
|
+
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
638
|
+
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
30%, 50%, 70%, 90% {
|
|
642
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
643
|
+
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
644
|
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
40%, 60%, 80% {
|
|
648
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
649
|
+
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
650
|
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
651
|
+
}
|
|
652
|
+
|
|
653
|
+
100% {
|
|
654
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
655
|
+
-ms-transform: scale3d(1, 1, 1);
|
|
656
|
+
transform: scale3d(1, 1, 1);
|
|
657
|
+
}
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
.tada {
|
|
661
|
+
-webkit-animation-name: tada;
|
|
662
|
+
animation-name: tada;
|
|
663
|
+
}
|
|
664
|
+
|
|
665
|
+
/*
|
|
666
|
+
*@name wobble
|
|
667
|
+
*@className wobble animated
|
|
668
|
+
*@cssCode true
|
|
669
|
+
*@editionLink codepen.io
|
|
670
|
+
*@author Nick Pettit
|
|
671
|
+
*@source Glide
|
|
672
|
+
*@sourceUrl https://github.com/nickpettit/glide
|
|
673
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
674
|
+
*@license MIT
|
|
675
|
+
*/
|
|
676
|
+
|
|
677
|
+
@-webkit-keyframes wobble {
|
|
678
|
+
0% {
|
|
679
|
+
-webkit-transform: none;
|
|
680
|
+
transform: none;
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
15% {
|
|
684
|
+
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
685
|
+
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
30% {
|
|
689
|
+
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
690
|
+
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
45% {
|
|
694
|
+
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
695
|
+
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
60% {
|
|
699
|
+
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
700
|
+
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
75% {
|
|
704
|
+
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
705
|
+
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
100% {
|
|
709
|
+
-webkit-transform: none;
|
|
710
|
+
transform: none;
|
|
711
|
+
}
|
|
712
|
+
}
|
|
713
|
+
|
|
714
|
+
@keyframes wobble {
|
|
715
|
+
0% {
|
|
716
|
+
-webkit-transform: none;
|
|
717
|
+
-ms-transform: none;
|
|
718
|
+
transform: none;
|
|
719
|
+
}
|
|
720
|
+
|
|
721
|
+
15% {
|
|
722
|
+
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
723
|
+
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
724
|
+
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
725
|
+
}
|
|
726
|
+
|
|
727
|
+
30% {
|
|
728
|
+
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
729
|
+
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
730
|
+
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
45% {
|
|
734
|
+
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
735
|
+
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
736
|
+
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
737
|
+
}
|
|
738
|
+
|
|
739
|
+
60% {
|
|
740
|
+
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
741
|
+
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
742
|
+
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
75% {
|
|
746
|
+
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
747
|
+
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
748
|
+
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
749
|
+
}
|
|
750
|
+
|
|
751
|
+
100% {
|
|
752
|
+
-webkit-transform: none;
|
|
753
|
+
-ms-transform: none;
|
|
754
|
+
transform: none;
|
|
755
|
+
}
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
.wobble {
|
|
759
|
+
-webkit-animation-name: wobble;
|
|
760
|
+
animation-name: wobble;
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
/*
|
|
764
|
+
*@name bounceIn
|
|
765
|
+
*@className bounceIn animated
|
|
766
|
+
*@cssCode true
|
|
767
|
+
*@editionLink codepen.io
|
|
768
|
+
*@author Dan Eden
|
|
769
|
+
*@source Animate.css
|
|
770
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
771
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
772
|
+
*@license MIT
|
|
773
|
+
*/
|
|
774
|
+
|
|
775
|
+
@-webkit-keyframes bounceIn {
|
|
776
|
+
0%, 100%, 20%, 40%, 60%, 80% {
|
|
777
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
778
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
0% {
|
|
782
|
+
opacity: 0;
|
|
783
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
|
784
|
+
transform: scale3d(.3, .3, .3);
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
20% {
|
|
788
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
789
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
|
790
|
+
}
|
|
791
|
+
|
|
792
|
+
40% {
|
|
793
|
+
-webkit-transform: scale3d(.9, .9, .9);
|
|
794
|
+
transform: scale3d(.9, .9, .9);
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
60% {
|
|
798
|
+
opacity: 1;
|
|
799
|
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
800
|
+
transform: scale3d(1.03, 1.03, 1.03);
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
80% {
|
|
804
|
+
-webkit-transform: scale3d(.97, .97, .97);
|
|
805
|
+
transform: scale3d(.97, .97, .97);
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
100% {
|
|
809
|
+
opacity: 1;
|
|
810
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
811
|
+
transform: scale3d(1, 1, 1);
|
|
812
|
+
}
|
|
813
|
+
}
|
|
814
|
+
|
|
815
|
+
@keyframes bounceIn {
|
|
816
|
+
0%, 100%, 20%, 40%, 60%, 80% {
|
|
817
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
818
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
0% {
|
|
822
|
+
opacity: 0;
|
|
823
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
|
824
|
+
-ms-transform: scale3d(.3, .3, .3);
|
|
825
|
+
transform: scale3d(.3, .3, .3);
|
|
826
|
+
}
|
|
827
|
+
|
|
828
|
+
20% {
|
|
829
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
830
|
+
-ms-transform: scale3d(1.1, 1.1, 1.1);
|
|
831
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
|
832
|
+
}
|
|
833
|
+
|
|
834
|
+
40% {
|
|
835
|
+
-webkit-transform: scale3d(.9, .9, .9);
|
|
836
|
+
-ms-transform: scale3d(.9, .9, .9);
|
|
837
|
+
transform: scale3d(.9, .9, .9);
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
60% {
|
|
841
|
+
opacity: 1;
|
|
842
|
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
843
|
+
-ms-transform: scale3d(1.03, 1.03, 1.03);
|
|
844
|
+
transform: scale3d(1.03, 1.03, 1.03);
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
80% {
|
|
848
|
+
-webkit-transform: scale3d(.97, .97, .97);
|
|
849
|
+
-ms-transform: scale3d(.97, .97, .97);
|
|
850
|
+
transform: scale3d(.97, .97, .97);
|
|
851
|
+
}
|
|
852
|
+
|
|
853
|
+
100% {
|
|
854
|
+
opacity: 1;
|
|
855
|
+
-webkit-transform: scale3d(1, 1, 1);
|
|
856
|
+
-ms-transform: scale3d(1, 1, 1);
|
|
857
|
+
transform: scale3d(1, 1, 1);
|
|
858
|
+
}
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
.bounceIn {
|
|
862
|
+
-webkit-animation-name: bounceIn;
|
|
863
|
+
animation-name: bounceIn;
|
|
864
|
+
}
|
|
865
|
+
|
|
866
|
+
/*
|
|
867
|
+
*@name bounceInDown
|
|
868
|
+
*@className bounceInDown animated
|
|
869
|
+
*@cssCode true
|
|
870
|
+
*@editionLink codepen.io
|
|
871
|
+
*@author Dan Eden
|
|
872
|
+
*@source Animate.css
|
|
873
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
874
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
875
|
+
*@license MIT
|
|
876
|
+
*/
|
|
877
|
+
|
|
878
|
+
@-webkit-keyframes bounceInDown {
|
|
879
|
+
0%, 100%, 60%, 75%, 90% {
|
|
880
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
881
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
882
|
+
}
|
|
883
|
+
|
|
884
|
+
0% {
|
|
885
|
+
opacity: 0;
|
|
886
|
+
-webkit-transform: translate3d(0, -3000px, 0);
|
|
887
|
+
transform: translate3d(0, -3000px, 0);
|
|
888
|
+
}
|
|
889
|
+
|
|
890
|
+
60% {
|
|
891
|
+
opacity: 1;
|
|
892
|
+
-webkit-transform: translate3d(0, 25px, 0);
|
|
893
|
+
transform: translate3d(0, 25px, 0);
|
|
894
|
+
}
|
|
895
|
+
|
|
896
|
+
75% {
|
|
897
|
+
-webkit-transform: translate3d(0, -10px, 0);
|
|
898
|
+
transform: translate3d(0, -10px, 0);
|
|
899
|
+
}
|
|
900
|
+
|
|
901
|
+
90% {
|
|
902
|
+
-webkit-transform: translate3d(0, 5px, 0);
|
|
903
|
+
transform: translate3d(0, 5px, 0);
|
|
904
|
+
}
|
|
905
|
+
|
|
906
|
+
100% {
|
|
907
|
+
-webkit-transform: none;
|
|
908
|
+
transform: none;
|
|
909
|
+
}
|
|
910
|
+
}
|
|
911
|
+
|
|
912
|
+
@keyframes bounceInDown {
|
|
913
|
+
0%, 100%, 60%, 75%, 90% {
|
|
914
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
915
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
916
|
+
}
|
|
917
|
+
|
|
918
|
+
0% {
|
|
919
|
+
opacity: 0;
|
|
920
|
+
-webkit-transform: translate3d(0, -3000px, 0);
|
|
921
|
+
-ms-transform: translate3d(0, -3000px, 0);
|
|
922
|
+
transform: translate3d(0, -3000px, 0);
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
60% {
|
|
926
|
+
opacity: 1;
|
|
927
|
+
-webkit-transform: translate3d(0, 25px, 0);
|
|
928
|
+
-ms-transform: translate3d(0, 25px, 0);
|
|
929
|
+
transform: translate3d(0, 25px, 0);
|
|
930
|
+
}
|
|
931
|
+
|
|
932
|
+
75% {
|
|
933
|
+
-webkit-transform: translate3d(0, -10px, 0);
|
|
934
|
+
-ms-transform: translate3d(0, -10px, 0);
|
|
935
|
+
transform: translate3d(0, -10px, 0);
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
90% {
|
|
939
|
+
-webkit-transform: translate3d(0, 5px, 0);
|
|
940
|
+
-ms-transform: translate3d(0, 5px, 0);
|
|
941
|
+
transform: translate3d(0, 5px, 0);
|
|
942
|
+
}
|
|
943
|
+
|
|
944
|
+
100% {
|
|
945
|
+
-webkit-transform: none;
|
|
946
|
+
-ms-transform: none;
|
|
947
|
+
transform: none;
|
|
948
|
+
}
|
|
949
|
+
}
|
|
950
|
+
|
|
951
|
+
.bounceInDown {
|
|
952
|
+
-webkit-animation-name: bounceInDown;
|
|
953
|
+
animation-name: bounceInDown;
|
|
954
|
+
}
|
|
955
|
+
|
|
956
|
+
/*
|
|
957
|
+
*@name bounceInLeft
|
|
958
|
+
*@className bounceInLeft animated
|
|
959
|
+
*@cssCode true
|
|
960
|
+
*@editionLink codepen.io
|
|
961
|
+
*@author Dan Eden
|
|
962
|
+
*@source Animate.css
|
|
963
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
964
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
965
|
+
*@license MIT
|
|
966
|
+
*/
|
|
967
|
+
|
|
968
|
+
@-webkit-keyframes bounceInLeft {
|
|
969
|
+
0%, 100%, 60%, 75%, 90% {
|
|
970
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
971
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
0% {
|
|
975
|
+
opacity: 0;
|
|
976
|
+
-webkit-transform: translate3d(-3000px, 0, 0);
|
|
977
|
+
transform: translate3d(-3000px, 0, 0);
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
60% {
|
|
981
|
+
opacity: 1;
|
|
982
|
+
-webkit-transform: translate3d(25px, 0, 0);
|
|
983
|
+
transform: translate3d(25px, 0, 0);
|
|
984
|
+
}
|
|
985
|
+
|
|
986
|
+
75% {
|
|
987
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
|
988
|
+
transform: translate3d(-10px, 0, 0);
|
|
989
|
+
}
|
|
990
|
+
|
|
991
|
+
90% {
|
|
992
|
+
-webkit-transform: translate3d(5px, 0, 0);
|
|
993
|
+
transform: translate3d(5px, 0, 0);
|
|
994
|
+
}
|
|
995
|
+
|
|
996
|
+
100% {
|
|
997
|
+
-webkit-transform: none;
|
|
998
|
+
transform: none;
|
|
999
|
+
}
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
@keyframes bounceInLeft {
|
|
1003
|
+
0%, 100%, 60%, 75%, 90% {
|
|
1004
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1005
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1006
|
+
}
|
|
1007
|
+
|
|
1008
|
+
0% {
|
|
1009
|
+
opacity: 0;
|
|
1010
|
+
-webkit-transform: translate3d(-3000px, 0, 0);
|
|
1011
|
+
-ms-transform: translate3d(-3000px, 0, 0);
|
|
1012
|
+
transform: translate3d(-3000px, 0, 0);
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
60% {
|
|
1016
|
+
opacity: 1;
|
|
1017
|
+
-webkit-transform: translate3d(25px, 0, 0);
|
|
1018
|
+
-ms-transform: translate3d(25px, 0, 0);
|
|
1019
|
+
transform: translate3d(25px, 0, 0);
|
|
1020
|
+
}
|
|
1021
|
+
|
|
1022
|
+
75% {
|
|
1023
|
+
-webkit-transform: translate3d(-10px, 0, 0);
|
|
1024
|
+
-ms-transform: translate3d(-10px, 0, 0);
|
|
1025
|
+
transform: translate3d(-10px, 0, 0);
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
90% {
|
|
1029
|
+
-webkit-transform: translate3d(5px, 0, 0);
|
|
1030
|
+
-ms-transform: translate3d(5px, 0, 0);
|
|
1031
|
+
transform: translate3d(5px, 0, 0);
|
|
1032
|
+
}
|
|
1033
|
+
|
|
1034
|
+
100% {
|
|
1035
|
+
-webkit-transform: none;
|
|
1036
|
+
-ms-transform: none;
|
|
1037
|
+
transform: none;
|
|
1038
|
+
}
|
|
1039
|
+
}
|
|
1040
|
+
|
|
1041
|
+
.bounceInLeft {
|
|
1042
|
+
-webkit-animation-name: bounceInLeft;
|
|
1043
|
+
animation-name: bounceInLeft;
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
/*
|
|
1047
|
+
*@name bounceInRight
|
|
1048
|
+
*@className bounceInRight animated
|
|
1049
|
+
*@cssCode true
|
|
1050
|
+
*@editionLink codepen.io
|
|
1051
|
+
*@author Dan Eden
|
|
1052
|
+
*@source Animate.css
|
|
1053
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1054
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1055
|
+
*@license MIT
|
|
1056
|
+
*/
|
|
1057
|
+
|
|
1058
|
+
@-webkit-keyframes bounceInRight {
|
|
1059
|
+
0%, 100%, 60%, 75%, 90% {
|
|
1060
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1061
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1062
|
+
}
|
|
1063
|
+
|
|
1064
|
+
0% {
|
|
1065
|
+
opacity: 0;
|
|
1066
|
+
-webkit-transform: translate3d(3000px, 0, 0);
|
|
1067
|
+
transform: translate3d(3000px, 0, 0);
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
60% {
|
|
1071
|
+
opacity: 1;
|
|
1072
|
+
-webkit-transform: translate3d(-25px, 0, 0);
|
|
1073
|
+
transform: translate3d(-25px, 0, 0);
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1076
|
+
75% {
|
|
1077
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
|
1078
|
+
transform: translate3d(10px, 0, 0);
|
|
1079
|
+
}
|
|
1080
|
+
|
|
1081
|
+
90% {
|
|
1082
|
+
-webkit-transform: translate3d(-5px, 0, 0);
|
|
1083
|
+
transform: translate3d(-5px, 0, 0);
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
100% {
|
|
1087
|
+
-webkit-transform: none;
|
|
1088
|
+
transform: none;
|
|
1089
|
+
}
|
|
1090
|
+
}
|
|
1091
|
+
|
|
1092
|
+
@keyframes bounceInRight {
|
|
1093
|
+
0%, 100%, 60%, 75%, 90% {
|
|
1094
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1095
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1096
|
+
}
|
|
1097
|
+
|
|
1098
|
+
0% {
|
|
1099
|
+
opacity: 0;
|
|
1100
|
+
-webkit-transform: translate3d(3000px, 0, 0);
|
|
1101
|
+
-ms-transform: translate3d(3000px, 0, 0);
|
|
1102
|
+
transform: translate3d(3000px, 0, 0);
|
|
1103
|
+
}
|
|
1104
|
+
|
|
1105
|
+
60% {
|
|
1106
|
+
opacity: 1;
|
|
1107
|
+
-webkit-transform: translate3d(-25px, 0, 0);
|
|
1108
|
+
-ms-transform: translate3d(-25px, 0, 0);
|
|
1109
|
+
transform: translate3d(-25px, 0, 0);
|
|
1110
|
+
}
|
|
1111
|
+
|
|
1112
|
+
75% {
|
|
1113
|
+
-webkit-transform: translate3d(10px, 0, 0);
|
|
1114
|
+
-ms-transform: translate3d(10px, 0, 0);
|
|
1115
|
+
transform: translate3d(10px, 0, 0);
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
90% {
|
|
1119
|
+
-webkit-transform: translate3d(-5px, 0, 0);
|
|
1120
|
+
-ms-transform: translate3d(-5px, 0, 0);
|
|
1121
|
+
transform: translate3d(-5px, 0, 0);
|
|
1122
|
+
}
|
|
1123
|
+
|
|
1124
|
+
100% {
|
|
1125
|
+
-webkit-transform: none;
|
|
1126
|
+
-ms-transform: none;
|
|
1127
|
+
transform: none;
|
|
1128
|
+
}
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
.bounceInRight {
|
|
1132
|
+
-webkit-animation-name: bounceInRight;
|
|
1133
|
+
animation-name: bounceInRight;
|
|
1134
|
+
}
|
|
1135
|
+
|
|
1136
|
+
/*
|
|
1137
|
+
*@name bounceInUp
|
|
1138
|
+
*@className bounceInUp animated
|
|
1139
|
+
*@cssCode true
|
|
1140
|
+
*@editionLink codepen.io
|
|
1141
|
+
*@author Dan Eden
|
|
1142
|
+
*@source Animate.css
|
|
1143
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1144
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1145
|
+
*@license MIT
|
|
1146
|
+
*/
|
|
1147
|
+
|
|
1148
|
+
@-webkit-keyframes bounceInUp {
|
|
1149
|
+
0%, 100%, 60%, 75%, 90% {
|
|
1150
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1151
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1152
|
+
}
|
|
1153
|
+
|
|
1154
|
+
0% {
|
|
1155
|
+
opacity: 0;
|
|
1156
|
+
-webkit-transform: translate3d(0, 3000px, 0);
|
|
1157
|
+
transform: translate3d(0, 3000px, 0);
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1160
|
+
60% {
|
|
1161
|
+
opacity: 1;
|
|
1162
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
|
1163
|
+
transform: translate3d(0, -20px, 0);
|
|
1164
|
+
}
|
|
1165
|
+
|
|
1166
|
+
75% {
|
|
1167
|
+
-webkit-transform: translate3d(0, 10px, 0);
|
|
1168
|
+
transform: translate3d(0, 10px, 0);
|
|
1169
|
+
}
|
|
1170
|
+
|
|
1171
|
+
90% {
|
|
1172
|
+
-webkit-transform: translate3d(0, -5px, 0);
|
|
1173
|
+
transform: translate3d(0, -5px, 0);
|
|
1174
|
+
}
|
|
1175
|
+
|
|
1176
|
+
100% {
|
|
1177
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
1178
|
+
transform: translate3d(0, 0, 0);
|
|
1179
|
+
}
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
@keyframes bounceInUp {
|
|
1183
|
+
0%, 100%, 60%, 75%, 90% {
|
|
1184
|
+
-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1185
|
+
transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1188
|
+
0% {
|
|
1189
|
+
opacity: 0;
|
|
1190
|
+
-webkit-transform: translate3d(0, 3000px, 0);
|
|
1191
|
+
-ms-transform: translate3d(0, 3000px, 0);
|
|
1192
|
+
transform: translate3d(0, 3000px, 0);
|
|
1193
|
+
}
|
|
1194
|
+
|
|
1195
|
+
60% {
|
|
1196
|
+
opacity: 1;
|
|
1197
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
|
1198
|
+
-ms-transform: translate3d(0, -20px, 0);
|
|
1199
|
+
transform: translate3d(0, -20px, 0);
|
|
1200
|
+
}
|
|
1201
|
+
|
|
1202
|
+
75% {
|
|
1203
|
+
-webkit-transform: translate3d(0, 10px, 0);
|
|
1204
|
+
-ms-transform: translate3d(0, 10px, 0);
|
|
1205
|
+
transform: translate3d(0, 10px, 0);
|
|
1206
|
+
}
|
|
1207
|
+
|
|
1208
|
+
90% {
|
|
1209
|
+
-webkit-transform: translate3d(0, -5px, 0);
|
|
1210
|
+
-ms-transform: translate3d(0, -5px, 0);
|
|
1211
|
+
transform: translate3d(0, -5px, 0);
|
|
1212
|
+
}
|
|
1213
|
+
|
|
1214
|
+
100% {
|
|
1215
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
1216
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
1217
|
+
transform: translate3d(0, 0, 0);
|
|
1218
|
+
}
|
|
1219
|
+
}
|
|
1220
|
+
|
|
1221
|
+
.bounceInUp {
|
|
1222
|
+
-webkit-animation-name: bounceInUp;
|
|
1223
|
+
animation-name: bounceInUp;
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
/*
|
|
1227
|
+
*@name bounceOut
|
|
1228
|
+
*@className bounceOut animated
|
|
1229
|
+
*@cssCode true
|
|
1230
|
+
*@editionLink codepen.io
|
|
1231
|
+
*@author Dan Eden
|
|
1232
|
+
*@source Animate.css
|
|
1233
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1234
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1235
|
+
*@license MIT
|
|
1236
|
+
*/
|
|
1237
|
+
|
|
1238
|
+
@-webkit-keyframes bounceOut {
|
|
1239
|
+
20% {
|
|
1240
|
+
-webkit-transform: scale3d(.9, .9, .9);
|
|
1241
|
+
transform: scale3d(.9, .9, .9);
|
|
1242
|
+
}
|
|
1243
|
+
|
|
1244
|
+
50%, 55% {
|
|
1245
|
+
opacity: 1;
|
|
1246
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
1247
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
|
1248
|
+
}
|
|
1249
|
+
|
|
1250
|
+
100% {
|
|
1251
|
+
opacity: 0;
|
|
1252
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
|
1253
|
+
transform: scale3d(.3, .3, .3);
|
|
1254
|
+
}
|
|
1255
|
+
}
|
|
1256
|
+
|
|
1257
|
+
@keyframes bounceOut {
|
|
1258
|
+
20% {
|
|
1259
|
+
-webkit-transform: scale3d(.9, .9, .9);
|
|
1260
|
+
-ms-transform: scale3d(.9, .9, .9);
|
|
1261
|
+
transform: scale3d(.9, .9, .9);
|
|
1262
|
+
}
|
|
1263
|
+
|
|
1264
|
+
50%, 55% {
|
|
1265
|
+
opacity: 1;
|
|
1266
|
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
1267
|
+
-ms-transform: scale3d(1.1, 1.1, 1.1);
|
|
1268
|
+
transform: scale3d(1.1, 1.1, 1.1);
|
|
1269
|
+
}
|
|
1270
|
+
|
|
1271
|
+
100% {
|
|
1272
|
+
opacity: 0;
|
|
1273
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
|
1274
|
+
-ms-transform: scale3d(.3, .3, .3);
|
|
1275
|
+
transform: scale3d(.3, .3, .3);
|
|
1276
|
+
}
|
|
1277
|
+
}
|
|
1278
|
+
|
|
1279
|
+
.bounceOut {
|
|
1280
|
+
-webkit-animation-name: bounceOut;
|
|
1281
|
+
animation-name: bounceOut;
|
|
1282
|
+
}
|
|
1283
|
+
|
|
1284
|
+
/*
|
|
1285
|
+
*@name bounceOutDown
|
|
1286
|
+
*@className bounceOutDown animated
|
|
1287
|
+
*@cssCode true
|
|
1288
|
+
*@editionLink codepen.io
|
|
1289
|
+
*@author Dan Eden
|
|
1290
|
+
*@source Animate.css
|
|
1291
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1292
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1293
|
+
*@license MIT
|
|
1294
|
+
*/
|
|
1295
|
+
|
|
1296
|
+
@-webkit-keyframes bounceOutDown {
|
|
1297
|
+
20% {
|
|
1298
|
+
-webkit-transform: translate3d(0, 10px, 0);
|
|
1299
|
+
transform: translate3d(0, 10px, 0);
|
|
1300
|
+
}
|
|
1301
|
+
|
|
1302
|
+
40%, 45% {
|
|
1303
|
+
opacity: 1;
|
|
1304
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
|
1305
|
+
transform: translate3d(0, -20px, 0);
|
|
1306
|
+
}
|
|
1307
|
+
|
|
1308
|
+
100% {
|
|
1309
|
+
opacity: 0;
|
|
1310
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
|
1311
|
+
transform: translate3d(0, 2000px, 0);
|
|
1312
|
+
}
|
|
1313
|
+
}
|
|
1314
|
+
|
|
1315
|
+
@keyframes bounceOutDown {
|
|
1316
|
+
20% {
|
|
1317
|
+
-webkit-transform: translate3d(0, 10px, 0);
|
|
1318
|
+
-ms-transform: translate3d(0, 10px, 0);
|
|
1319
|
+
transform: translate3d(0, 10px, 0);
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
40%, 45% {
|
|
1323
|
+
opacity: 1;
|
|
1324
|
+
-webkit-transform: translate3d(0, -20px, 0);
|
|
1325
|
+
-ms-transform: translate3d(0, -20px, 0);
|
|
1326
|
+
transform: translate3d(0, -20px, 0);
|
|
1327
|
+
}
|
|
1328
|
+
|
|
1329
|
+
100% {
|
|
1330
|
+
opacity: 0;
|
|
1331
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
|
1332
|
+
-ms-transform: translate3d(0, 2000px, 0);
|
|
1333
|
+
transform: translate3d(0, 2000px, 0);
|
|
1334
|
+
}
|
|
1335
|
+
}
|
|
1336
|
+
|
|
1337
|
+
.bounceOutDown {
|
|
1338
|
+
-webkit-animation-name: bounceOutDown;
|
|
1339
|
+
animation-name: bounceOutDown;
|
|
1340
|
+
}
|
|
1341
|
+
|
|
1342
|
+
/*
|
|
1343
|
+
*@name bounceOutLeft
|
|
1344
|
+
*@className bounceOutLeft animated
|
|
1345
|
+
*@cssCode true
|
|
1346
|
+
*@editionLink codepen.io
|
|
1347
|
+
*@author Dan Eden
|
|
1348
|
+
*@source Animate.css
|
|
1349
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1350
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1351
|
+
*@license MIT
|
|
1352
|
+
*/
|
|
1353
|
+
|
|
1354
|
+
@-webkit-keyframes bounceOutLeft {
|
|
1355
|
+
20% {
|
|
1356
|
+
opacity: 1;
|
|
1357
|
+
-webkit-transform: translate3d(20px, 0, 0);
|
|
1358
|
+
transform: translate3d(20px, 0, 0);
|
|
1359
|
+
}
|
|
1360
|
+
|
|
1361
|
+
100% {
|
|
1362
|
+
opacity: 0;
|
|
1363
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
1364
|
+
transform: translate3d(-2000px, 0, 0);
|
|
1365
|
+
}
|
|
1366
|
+
}
|
|
1367
|
+
|
|
1368
|
+
@keyframes bounceOutLeft {
|
|
1369
|
+
20% {
|
|
1370
|
+
opacity: 1;
|
|
1371
|
+
-webkit-transform: translate3d(20px, 0, 0);
|
|
1372
|
+
-ms-transform: translate3d(20px, 0, 0);
|
|
1373
|
+
transform: translate3d(20px, 0, 0);
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
100% {
|
|
1377
|
+
opacity: 0;
|
|
1378
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
1379
|
+
-ms-transform: translate3d(-2000px, 0, 0);
|
|
1380
|
+
transform: translate3d(-2000px, 0, 0);
|
|
1381
|
+
}
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1384
|
+
.bounceOutLeft {
|
|
1385
|
+
-webkit-animation-name: bounceOutLeft;
|
|
1386
|
+
animation-name: bounceOutLeft;
|
|
1387
|
+
}
|
|
1388
|
+
|
|
1389
|
+
/*
|
|
1390
|
+
*@name bounceOutRight
|
|
1391
|
+
*@className bounceOutRight animated
|
|
1392
|
+
*@cssCode true
|
|
1393
|
+
*@editionLink codepen.io
|
|
1394
|
+
*@author Dan Eden
|
|
1395
|
+
*@source Animate.css
|
|
1396
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1397
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1398
|
+
*@license MIT
|
|
1399
|
+
*/
|
|
1400
|
+
|
|
1401
|
+
@-webkit-keyframes bounceOutRight {
|
|
1402
|
+
20% {
|
|
1403
|
+
opacity: 1;
|
|
1404
|
+
-webkit-transform: translate3d(-20px, 0, 0);
|
|
1405
|
+
transform: translate3d(-20px, 0, 0);
|
|
1406
|
+
}
|
|
1407
|
+
|
|
1408
|
+
100% {
|
|
1409
|
+
opacity: 0;
|
|
1410
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
|
1411
|
+
transform: translate3d(2000px, 0, 0);
|
|
1412
|
+
}
|
|
1413
|
+
}
|
|
1414
|
+
|
|
1415
|
+
@keyframes bounceOutRight {
|
|
1416
|
+
20% {
|
|
1417
|
+
opacity: 1;
|
|
1418
|
+
-webkit-transform: translate3d(-20px, 0, 0);
|
|
1419
|
+
-ms-transform: translate3d(-20px, 0, 0);
|
|
1420
|
+
transform: translate3d(-20px, 0, 0);
|
|
1421
|
+
}
|
|
1422
|
+
|
|
1423
|
+
100% {
|
|
1424
|
+
opacity: 0;
|
|
1425
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
|
1426
|
+
-ms-transform: translate3d(2000px, 0, 0);
|
|
1427
|
+
transform: translate3d(2000px, 0, 0);
|
|
1428
|
+
}
|
|
1429
|
+
}
|
|
1430
|
+
|
|
1431
|
+
.bounceOutRight {
|
|
1432
|
+
-webkit-animation-name: bounceOutRight;
|
|
1433
|
+
animation-name: bounceOutRight;
|
|
1434
|
+
}
|
|
1435
|
+
|
|
1436
|
+
/*
|
|
1437
|
+
*@name bounceOutUp
|
|
1438
|
+
*@className bounceOutUp animated
|
|
1439
|
+
*@cssCode true
|
|
1440
|
+
*@editionLink codepen.io
|
|
1441
|
+
*@author Dan Eden
|
|
1442
|
+
*@source Animate.css
|
|
1443
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1444
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1445
|
+
*@license MIT
|
|
1446
|
+
*/
|
|
1447
|
+
|
|
1448
|
+
@-webkit-keyframes bounceOutUp {
|
|
1449
|
+
20% {
|
|
1450
|
+
-webkit-transform: translate3d(0, -10px, 0);
|
|
1451
|
+
transform: translate3d(0, -10px, 0);
|
|
1452
|
+
}
|
|
1453
|
+
|
|
1454
|
+
40%, 45% {
|
|
1455
|
+
opacity: 1;
|
|
1456
|
+
-webkit-transform: translate3d(0, 20px, 0);
|
|
1457
|
+
transform: translate3d(0, 20px, 0);
|
|
1458
|
+
}
|
|
1459
|
+
|
|
1460
|
+
100% {
|
|
1461
|
+
opacity: 0;
|
|
1462
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
|
1463
|
+
transform: translate3d(0, -2000px, 0);
|
|
1464
|
+
}
|
|
1465
|
+
}
|
|
1466
|
+
|
|
1467
|
+
@keyframes bounceOutUp {
|
|
1468
|
+
20% {
|
|
1469
|
+
-webkit-transform: translate3d(0, -10px, 0);
|
|
1470
|
+
-ms-transform: translate3d(0, -10px, 0);
|
|
1471
|
+
transform: translate3d(0, -10px, 0);
|
|
1472
|
+
}
|
|
1473
|
+
|
|
1474
|
+
40%, 45% {
|
|
1475
|
+
opacity: 1;
|
|
1476
|
+
-webkit-transform: translate3d(0, 20px, 0);
|
|
1477
|
+
-ms-transform: translate3d(0, 20px, 0);
|
|
1478
|
+
transform: translate3d(0, 20px, 0);
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1481
|
+
100% {
|
|
1482
|
+
opacity: 0;
|
|
1483
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
|
1484
|
+
-ms-transform: translate3d(0, -2000px, 0);
|
|
1485
|
+
transform: translate3d(0, -2000px, 0);
|
|
1486
|
+
}
|
|
1487
|
+
}
|
|
1488
|
+
|
|
1489
|
+
.bounceOutUp {
|
|
1490
|
+
-webkit-animation-name: bounceOutUp;
|
|
1491
|
+
animation-name: bounceOutUp;
|
|
1492
|
+
}
|
|
1493
|
+
|
|
1494
|
+
/*
|
|
1495
|
+
*@name fadeIn
|
|
1496
|
+
*@className fadeIn animated
|
|
1497
|
+
*@cssCode true
|
|
1498
|
+
*@editionLink codepen.io
|
|
1499
|
+
*@author Dan Eden
|
|
1500
|
+
*@source Animate.css
|
|
1501
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1502
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1503
|
+
*@license MIT
|
|
1504
|
+
*/
|
|
1505
|
+
|
|
1506
|
+
@-webkit-keyframes fadeIn {
|
|
1507
|
+
0% {
|
|
1508
|
+
opacity: 0;
|
|
1509
|
+
}
|
|
1510
|
+
|
|
1511
|
+
100% {
|
|
1512
|
+
opacity: 1;
|
|
1513
|
+
}
|
|
1514
|
+
}
|
|
1515
|
+
|
|
1516
|
+
@keyframes fadeIn {
|
|
1517
|
+
0% {
|
|
1518
|
+
opacity: 0;
|
|
1519
|
+
}
|
|
1520
|
+
|
|
1521
|
+
100% {
|
|
1522
|
+
opacity: 1;
|
|
1523
|
+
}
|
|
1524
|
+
}
|
|
1525
|
+
|
|
1526
|
+
.fadeIn {
|
|
1527
|
+
-webkit-animation-name: fadeIn;
|
|
1528
|
+
animation-name: fadeIn;
|
|
1529
|
+
}
|
|
1530
|
+
|
|
1531
|
+
/*
|
|
1532
|
+
*@name fadeInDown
|
|
1533
|
+
*@className fadeInDown animated
|
|
1534
|
+
*@cssCode true
|
|
1535
|
+
*@editionLink codepen.io
|
|
1536
|
+
*@author Dan Eden
|
|
1537
|
+
*@source Animate.css
|
|
1538
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1539
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1540
|
+
*@license MIT
|
|
1541
|
+
*/
|
|
1542
|
+
|
|
1543
|
+
@-webkit-keyframes fadeInDown {
|
|
1544
|
+
0% {
|
|
1545
|
+
opacity: 0;
|
|
1546
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
|
1547
|
+
transform: translate3d(0, -100%, 0);
|
|
1548
|
+
}
|
|
1549
|
+
|
|
1550
|
+
100% {
|
|
1551
|
+
opacity: 1;
|
|
1552
|
+
-webkit-transform: none;
|
|
1553
|
+
transform: none;
|
|
1554
|
+
}
|
|
1555
|
+
}
|
|
1556
|
+
|
|
1557
|
+
@keyframes fadeInDown {
|
|
1558
|
+
0% {
|
|
1559
|
+
opacity: 0;
|
|
1560
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
|
1561
|
+
-ms-transform: translate3d(0, -100%, 0);
|
|
1562
|
+
transform: translate3d(0, -100%, 0);
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1565
|
+
100% {
|
|
1566
|
+
opacity: 1;
|
|
1567
|
+
-webkit-transform: none;
|
|
1568
|
+
-ms-transform: none;
|
|
1569
|
+
transform: none;
|
|
1570
|
+
}
|
|
1571
|
+
}
|
|
1572
|
+
|
|
1573
|
+
.fadeInDown {
|
|
1574
|
+
-webkit-animation-name: fadeInDown;
|
|
1575
|
+
animation-name: fadeInDown;
|
|
1576
|
+
}
|
|
1577
|
+
|
|
1578
|
+
/*
|
|
1579
|
+
*@name fadeInDownBig
|
|
1580
|
+
*@className fadeInDownBig animated
|
|
1581
|
+
*@cssCode true
|
|
1582
|
+
*@editionLink codepen.io
|
|
1583
|
+
*@author Dan Eden
|
|
1584
|
+
*@source Animate.css
|
|
1585
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1586
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1587
|
+
*@license MIT
|
|
1588
|
+
*/
|
|
1589
|
+
|
|
1590
|
+
@-webkit-keyframes fadeInDownBig {
|
|
1591
|
+
0% {
|
|
1592
|
+
opacity: 0;
|
|
1593
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
|
1594
|
+
transform: translate3d(0, -2000px, 0);
|
|
1595
|
+
}
|
|
1596
|
+
|
|
1597
|
+
100% {
|
|
1598
|
+
opacity: 1;
|
|
1599
|
+
-webkit-transform: none;
|
|
1600
|
+
transform: none;
|
|
1601
|
+
}
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
@keyframes fadeInDownBig {
|
|
1605
|
+
0% {
|
|
1606
|
+
opacity: 0;
|
|
1607
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
|
1608
|
+
-ms-transform: translate3d(0, -2000px, 0);
|
|
1609
|
+
transform: translate3d(0, -2000px, 0);
|
|
1610
|
+
}
|
|
1611
|
+
|
|
1612
|
+
100% {
|
|
1613
|
+
opacity: 1;
|
|
1614
|
+
-webkit-transform: none;
|
|
1615
|
+
-ms-transform: none;
|
|
1616
|
+
transform: none;
|
|
1617
|
+
}
|
|
1618
|
+
}
|
|
1619
|
+
|
|
1620
|
+
.fadeInDownBig {
|
|
1621
|
+
-webkit-animation-name: fadeInDownBig;
|
|
1622
|
+
animation-name: fadeInDownBig;
|
|
1623
|
+
}
|
|
1624
|
+
|
|
1625
|
+
/*
|
|
1626
|
+
*@name fadeInLeft
|
|
1627
|
+
*@className fadeInLeft animated
|
|
1628
|
+
*@cssCode true
|
|
1629
|
+
*@editionLink codepen.io
|
|
1630
|
+
*@author Dan Eden
|
|
1631
|
+
*@source Animate.css
|
|
1632
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1633
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1634
|
+
*@license MIT
|
|
1635
|
+
*/
|
|
1636
|
+
|
|
1637
|
+
@-webkit-keyframes fadeInLeft {
|
|
1638
|
+
0% {
|
|
1639
|
+
opacity: 0;
|
|
1640
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
|
1641
|
+
transform: translate3d(-100%, 0, 0);
|
|
1642
|
+
}
|
|
1643
|
+
|
|
1644
|
+
100% {
|
|
1645
|
+
opacity: 1;
|
|
1646
|
+
-webkit-transform: none;
|
|
1647
|
+
transform: none;
|
|
1648
|
+
}
|
|
1649
|
+
}
|
|
1650
|
+
|
|
1651
|
+
@keyframes fadeInLeft {
|
|
1652
|
+
0% {
|
|
1653
|
+
opacity: 0;
|
|
1654
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
|
1655
|
+
-ms-transform: translate3d(-100%, 0, 0);
|
|
1656
|
+
transform: translate3d(-100%, 0, 0);
|
|
1657
|
+
}
|
|
1658
|
+
|
|
1659
|
+
100% {
|
|
1660
|
+
opacity: 1;
|
|
1661
|
+
-webkit-transform: none;
|
|
1662
|
+
-ms-transform: none;
|
|
1663
|
+
transform: none;
|
|
1664
|
+
}
|
|
1665
|
+
}
|
|
1666
|
+
|
|
1667
|
+
.fadeInLeft {
|
|
1668
|
+
-webkit-animation-name: fadeInLeft;
|
|
1669
|
+
animation-name: fadeInLeft;
|
|
1670
|
+
}
|
|
1671
|
+
|
|
1672
|
+
/*
|
|
1673
|
+
*@name fadeInLeftBig
|
|
1674
|
+
*@className fadeInLeftBig animated
|
|
1675
|
+
*@cssCode true
|
|
1676
|
+
*@editionLink codepen.io
|
|
1677
|
+
*@author Dan Eden
|
|
1678
|
+
*@source Animate.css
|
|
1679
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1680
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1681
|
+
*@license MIT
|
|
1682
|
+
*/
|
|
1683
|
+
|
|
1684
|
+
@-webkit-keyframes fadeInLeftBig {
|
|
1685
|
+
0% {
|
|
1686
|
+
opacity: 0;
|
|
1687
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
1688
|
+
transform: translate3d(-2000px, 0, 0);
|
|
1689
|
+
}
|
|
1690
|
+
|
|
1691
|
+
100% {
|
|
1692
|
+
opacity: 1;
|
|
1693
|
+
-webkit-transform: none;
|
|
1694
|
+
transform: none;
|
|
1695
|
+
}
|
|
1696
|
+
}
|
|
1697
|
+
|
|
1698
|
+
@keyframes fadeInLeftBig {
|
|
1699
|
+
0% {
|
|
1700
|
+
opacity: 0;
|
|
1701
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
1702
|
+
-ms-transform: translate3d(-2000px, 0, 0);
|
|
1703
|
+
transform: translate3d(-2000px, 0, 0);
|
|
1704
|
+
}
|
|
1705
|
+
|
|
1706
|
+
100% {
|
|
1707
|
+
opacity: 1;
|
|
1708
|
+
-webkit-transform: none;
|
|
1709
|
+
-ms-transform: none;
|
|
1710
|
+
transform: none;
|
|
1711
|
+
}
|
|
1712
|
+
}
|
|
1713
|
+
|
|
1714
|
+
.fadeInLeftBig {
|
|
1715
|
+
-webkit-animation-name: fadeInLeftBig;
|
|
1716
|
+
animation-name: fadeInLeftBig;
|
|
1717
|
+
}
|
|
1718
|
+
|
|
1719
|
+
/*
|
|
1720
|
+
*@name fadeInRight
|
|
1721
|
+
*@className fadeInRight animated
|
|
1722
|
+
*@cssCode true
|
|
1723
|
+
*@editionLink codepen.io
|
|
1724
|
+
*@author Dan Eden
|
|
1725
|
+
*@source Animate.css
|
|
1726
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1727
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1728
|
+
*@license MIT
|
|
1729
|
+
*/
|
|
1730
|
+
|
|
1731
|
+
@-webkit-keyframes fadeInRight {
|
|
1732
|
+
0% {
|
|
1733
|
+
opacity: 0;
|
|
1734
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
|
1735
|
+
transform: translate3d(100%, 0, 0);
|
|
1736
|
+
}
|
|
1737
|
+
|
|
1738
|
+
100% {
|
|
1739
|
+
opacity: 1;
|
|
1740
|
+
-webkit-transform: none;
|
|
1741
|
+
transform: none;
|
|
1742
|
+
}
|
|
1743
|
+
}
|
|
1744
|
+
|
|
1745
|
+
@keyframes fadeInRight {
|
|
1746
|
+
0% {
|
|
1747
|
+
opacity: 0;
|
|
1748
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
|
1749
|
+
-ms-transform: translate3d(100%, 0, 0);
|
|
1750
|
+
transform: translate3d(100%, 0, 0);
|
|
1751
|
+
}
|
|
1752
|
+
|
|
1753
|
+
100% {
|
|
1754
|
+
opacity: 1;
|
|
1755
|
+
-webkit-transform: none;
|
|
1756
|
+
-ms-transform: none;
|
|
1757
|
+
transform: none;
|
|
1758
|
+
}
|
|
1759
|
+
}
|
|
1760
|
+
|
|
1761
|
+
.fadeInRight {
|
|
1762
|
+
-webkit-animation-name: fadeInRight;
|
|
1763
|
+
animation-name: fadeInRight;
|
|
1764
|
+
}
|
|
1765
|
+
|
|
1766
|
+
/*
|
|
1767
|
+
*@name fadeInRightBig
|
|
1768
|
+
*@className fadeInRightBig animated
|
|
1769
|
+
*@cssCode true
|
|
1770
|
+
*@editionLink codepen.io
|
|
1771
|
+
*@author Dan Eden
|
|
1772
|
+
*@source Animate.css
|
|
1773
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1774
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1775
|
+
*@license MIT
|
|
1776
|
+
*/
|
|
1777
|
+
|
|
1778
|
+
@-webkit-keyframes fadeInRightBig {
|
|
1779
|
+
0% {
|
|
1780
|
+
opacity: 0;
|
|
1781
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
|
1782
|
+
transform: translate3d(2000px, 0, 0);
|
|
1783
|
+
}
|
|
1784
|
+
|
|
1785
|
+
100% {
|
|
1786
|
+
opacity: 1;
|
|
1787
|
+
-webkit-transform: none;
|
|
1788
|
+
transform: none;
|
|
1789
|
+
}
|
|
1790
|
+
}
|
|
1791
|
+
|
|
1792
|
+
@keyframes fadeInRightBig {
|
|
1793
|
+
0% {
|
|
1794
|
+
opacity: 0;
|
|
1795
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
|
1796
|
+
-ms-transform: translate3d(2000px, 0, 0);
|
|
1797
|
+
transform: translate3d(2000px, 0, 0);
|
|
1798
|
+
}
|
|
1799
|
+
|
|
1800
|
+
100% {
|
|
1801
|
+
opacity: 1;
|
|
1802
|
+
-webkit-transform: none;
|
|
1803
|
+
-ms-transform: none;
|
|
1804
|
+
transform: none;
|
|
1805
|
+
}
|
|
1806
|
+
}
|
|
1807
|
+
|
|
1808
|
+
.fadeInRightBig {
|
|
1809
|
+
-webkit-animation-name: fadeInRightBig;
|
|
1810
|
+
animation-name: fadeInRightBig;
|
|
1811
|
+
}
|
|
1812
|
+
|
|
1813
|
+
/*
|
|
1814
|
+
*@name fadeInUp
|
|
1815
|
+
*@className fadeInUp animated
|
|
1816
|
+
*@cssCode true
|
|
1817
|
+
*@editionLink codepen.io
|
|
1818
|
+
*@author Dan Eden
|
|
1819
|
+
*@source Animate.css
|
|
1820
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1821
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1822
|
+
*@license MIT
|
|
1823
|
+
*/
|
|
1824
|
+
|
|
1825
|
+
@-webkit-keyframes fadeInUp {
|
|
1826
|
+
0% {
|
|
1827
|
+
opacity: 0;
|
|
1828
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
1829
|
+
transform: translate3d(0, 100%, 0);
|
|
1830
|
+
}
|
|
1831
|
+
|
|
1832
|
+
100% {
|
|
1833
|
+
opacity: 1;
|
|
1834
|
+
-webkit-transform: none;
|
|
1835
|
+
transform: none;
|
|
1836
|
+
}
|
|
1837
|
+
}
|
|
1838
|
+
|
|
1839
|
+
@keyframes fadeInUp {
|
|
1840
|
+
0% {
|
|
1841
|
+
opacity: 0;
|
|
1842
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
1843
|
+
-ms-transform: translate3d(0, 100%, 0);
|
|
1844
|
+
transform: translate3d(0, 100%, 0);
|
|
1845
|
+
}
|
|
1846
|
+
|
|
1847
|
+
100% {
|
|
1848
|
+
opacity: 1;
|
|
1849
|
+
-webkit-transform: none;
|
|
1850
|
+
-ms-transform: none;
|
|
1851
|
+
transform: none;
|
|
1852
|
+
}
|
|
1853
|
+
}
|
|
1854
|
+
|
|
1855
|
+
.fadeInUp {
|
|
1856
|
+
-webkit-animation-name: fadeInUp;
|
|
1857
|
+
animation-name: fadeInUp;
|
|
1858
|
+
}
|
|
1859
|
+
|
|
1860
|
+
/*
|
|
1861
|
+
*@name fadeInUpBig
|
|
1862
|
+
*@className fadeInUpBig animated
|
|
1863
|
+
*@cssCode true
|
|
1864
|
+
*@editionLink codepen.io
|
|
1865
|
+
*@author Dan Eden
|
|
1866
|
+
*@source Animate.css
|
|
1867
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1868
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1869
|
+
*@license MIT
|
|
1870
|
+
*/
|
|
1871
|
+
|
|
1872
|
+
@-webkit-keyframes fadeInUpBig {
|
|
1873
|
+
0% {
|
|
1874
|
+
opacity: 0;
|
|
1875
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
|
1876
|
+
transform: translate3d(0, 2000px, 0);
|
|
1877
|
+
}
|
|
1878
|
+
|
|
1879
|
+
100% {
|
|
1880
|
+
opacity: 1;
|
|
1881
|
+
-webkit-transform: none;
|
|
1882
|
+
transform: none;
|
|
1883
|
+
}
|
|
1884
|
+
}
|
|
1885
|
+
|
|
1886
|
+
@keyframes fadeInUpBig {
|
|
1887
|
+
0% {
|
|
1888
|
+
opacity: 0;
|
|
1889
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
|
1890
|
+
-ms-transform: translate3d(0, 2000px, 0);
|
|
1891
|
+
transform: translate3d(0, 2000px, 0);
|
|
1892
|
+
}
|
|
1893
|
+
|
|
1894
|
+
100% {
|
|
1895
|
+
opacity: 1;
|
|
1896
|
+
-webkit-transform: none;
|
|
1897
|
+
-ms-transform: none;
|
|
1898
|
+
transform: none;
|
|
1899
|
+
}
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
.fadeInUpBig {
|
|
1903
|
+
-webkit-animation-name: fadeInUpBig;
|
|
1904
|
+
animation-name: fadeInUpBig;
|
|
1905
|
+
}
|
|
1906
|
+
|
|
1907
|
+
/*
|
|
1908
|
+
*@name fadeOut
|
|
1909
|
+
*@className fadeOut animated
|
|
1910
|
+
*@cssCode true
|
|
1911
|
+
*@editionLink codepen.io
|
|
1912
|
+
*@author Dan Eden
|
|
1913
|
+
*@source Animate.css
|
|
1914
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1915
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1916
|
+
*@license MIT
|
|
1917
|
+
*/
|
|
1918
|
+
|
|
1919
|
+
@-webkit-keyframes fadeOut {
|
|
1920
|
+
0% {
|
|
1921
|
+
opacity: 1;
|
|
1922
|
+
}
|
|
1923
|
+
|
|
1924
|
+
100% {
|
|
1925
|
+
opacity: 0;
|
|
1926
|
+
}
|
|
1927
|
+
}
|
|
1928
|
+
|
|
1929
|
+
@keyframes fadeOut {
|
|
1930
|
+
0% {
|
|
1931
|
+
opacity: 1;
|
|
1932
|
+
}
|
|
1933
|
+
|
|
1934
|
+
100% {
|
|
1935
|
+
opacity: 0;
|
|
1936
|
+
}
|
|
1937
|
+
}
|
|
1938
|
+
|
|
1939
|
+
.fadeOut {
|
|
1940
|
+
-webkit-animation-name: fadeOut;
|
|
1941
|
+
animation-name: fadeOut;
|
|
1942
|
+
}
|
|
1943
|
+
|
|
1944
|
+
/*
|
|
1945
|
+
*@name fadeOutDown
|
|
1946
|
+
*@className fadeOutDown animated
|
|
1947
|
+
*@cssCode true
|
|
1948
|
+
*@editionLink codepen.io
|
|
1949
|
+
*@author Dan Eden
|
|
1950
|
+
*@source Animate.css
|
|
1951
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1952
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1953
|
+
*@license MIT
|
|
1954
|
+
*/
|
|
1955
|
+
|
|
1956
|
+
@-webkit-keyframes fadeOutDown {
|
|
1957
|
+
0% {
|
|
1958
|
+
opacity: 1;
|
|
1959
|
+
}
|
|
1960
|
+
|
|
1961
|
+
100% {
|
|
1962
|
+
opacity: 0;
|
|
1963
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
1964
|
+
transform: translate3d(0, 100%, 0);
|
|
1965
|
+
}
|
|
1966
|
+
}
|
|
1967
|
+
|
|
1968
|
+
@keyframes fadeOutDown {
|
|
1969
|
+
0% {
|
|
1970
|
+
opacity: 1;
|
|
1971
|
+
}
|
|
1972
|
+
|
|
1973
|
+
100% {
|
|
1974
|
+
opacity: 0;
|
|
1975
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
1976
|
+
-ms-transform: translate3d(0, 100%, 0);
|
|
1977
|
+
transform: translate3d(0, 100%, 0);
|
|
1978
|
+
}
|
|
1979
|
+
}
|
|
1980
|
+
|
|
1981
|
+
.fadeOutDown {
|
|
1982
|
+
-webkit-animation-name: fadeOutDown;
|
|
1983
|
+
animation-name: fadeOutDown;
|
|
1984
|
+
}
|
|
1985
|
+
|
|
1986
|
+
/*
|
|
1987
|
+
*@name fadeOutDownBig
|
|
1988
|
+
*@className fadeOutDownBig animated
|
|
1989
|
+
*@cssCode true
|
|
1990
|
+
*@editionLink codepen.io
|
|
1991
|
+
*@author Dan Eden
|
|
1992
|
+
*@source Animate.css
|
|
1993
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
1994
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
1995
|
+
*@license MIT
|
|
1996
|
+
*/
|
|
1997
|
+
|
|
1998
|
+
@-webkit-keyframes fadeOutDownBig {
|
|
1999
|
+
0% {
|
|
2000
|
+
opacity: 1;
|
|
2001
|
+
}
|
|
2002
|
+
|
|
2003
|
+
100% {
|
|
2004
|
+
opacity: 0;
|
|
2005
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
|
2006
|
+
transform: translate3d(0, 2000px, 0);
|
|
2007
|
+
}
|
|
2008
|
+
}
|
|
2009
|
+
|
|
2010
|
+
@keyframes fadeOutDownBig {
|
|
2011
|
+
0% {
|
|
2012
|
+
opacity: 1;
|
|
2013
|
+
}
|
|
2014
|
+
|
|
2015
|
+
100% {
|
|
2016
|
+
opacity: 0;
|
|
2017
|
+
-webkit-transform: translate3d(0, 2000px, 0);
|
|
2018
|
+
-ms-transform: translate3d(0, 2000px, 0);
|
|
2019
|
+
transform: translate3d(0, 2000px, 0);
|
|
2020
|
+
}
|
|
2021
|
+
}
|
|
2022
|
+
|
|
2023
|
+
.fadeOutDownBig {
|
|
2024
|
+
-webkit-animation-name: fadeOutDownBig;
|
|
2025
|
+
animation-name: fadeOutDownBig;
|
|
2026
|
+
}
|
|
2027
|
+
|
|
2028
|
+
/*
|
|
2029
|
+
*@name fadeOutLeft
|
|
2030
|
+
*@className fadeOutLeft animated
|
|
2031
|
+
*@cssCode true
|
|
2032
|
+
*@editionLink codepen.io
|
|
2033
|
+
*@author Dan Eden
|
|
2034
|
+
*@source Animate.css
|
|
2035
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2036
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2037
|
+
*@license MIT
|
|
2038
|
+
*/
|
|
2039
|
+
|
|
2040
|
+
@-webkit-keyframes fadeOutLeft {
|
|
2041
|
+
0% {
|
|
2042
|
+
opacity: 1;
|
|
2043
|
+
}
|
|
2044
|
+
|
|
2045
|
+
100% {
|
|
2046
|
+
opacity: 0;
|
|
2047
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
|
2048
|
+
transform: translate3d(-100%, 0, 0);
|
|
2049
|
+
}
|
|
2050
|
+
}
|
|
2051
|
+
|
|
2052
|
+
@keyframes fadeOutLeft {
|
|
2053
|
+
0% {
|
|
2054
|
+
opacity: 1;
|
|
2055
|
+
}
|
|
2056
|
+
|
|
2057
|
+
100% {
|
|
2058
|
+
opacity: 0;
|
|
2059
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
|
2060
|
+
-ms-transform: translate3d(-100%, 0, 0);
|
|
2061
|
+
transform: translate3d(-100%, 0, 0);
|
|
2062
|
+
}
|
|
2063
|
+
}
|
|
2064
|
+
|
|
2065
|
+
.fadeOutLeft {
|
|
2066
|
+
-webkit-animation-name: fadeOutLeft;
|
|
2067
|
+
animation-name: fadeOutLeft;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
/*
|
|
2071
|
+
*@name fadeOutLeftBig
|
|
2072
|
+
*@className fadeOutLeftBig animated
|
|
2073
|
+
*@cssCode true
|
|
2074
|
+
*@editionLink codepen.io
|
|
2075
|
+
*@author Dan Eden
|
|
2076
|
+
*@source Animate.css
|
|
2077
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2078
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2079
|
+
*@license MIT
|
|
2080
|
+
*/
|
|
2081
|
+
|
|
2082
|
+
@-webkit-keyframes fadeOutLeftBig {
|
|
2083
|
+
0% {
|
|
2084
|
+
opacity: 1;
|
|
2085
|
+
}
|
|
2086
|
+
|
|
2087
|
+
100% {
|
|
2088
|
+
opacity: 0;
|
|
2089
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
2090
|
+
transform: translate3d(-2000px, 0, 0);
|
|
2091
|
+
}
|
|
2092
|
+
}
|
|
2093
|
+
|
|
2094
|
+
@keyframes fadeOutLeftBig {
|
|
2095
|
+
0% {
|
|
2096
|
+
opacity: 1;
|
|
2097
|
+
}
|
|
2098
|
+
|
|
2099
|
+
100% {
|
|
2100
|
+
opacity: 0;
|
|
2101
|
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
2102
|
+
-ms-transform: translate3d(-2000px, 0, 0);
|
|
2103
|
+
transform: translate3d(-2000px, 0, 0);
|
|
2104
|
+
}
|
|
2105
|
+
}
|
|
2106
|
+
|
|
2107
|
+
.fadeOutLeftBig {
|
|
2108
|
+
-webkit-animation-name: fadeOutLeftBig;
|
|
2109
|
+
animation-name: fadeOutLeftBig;
|
|
2110
|
+
}
|
|
2111
|
+
|
|
2112
|
+
/*
|
|
2113
|
+
*@name fadeOutRight
|
|
2114
|
+
*@className fadeOutRight animated
|
|
2115
|
+
*@cssCode true
|
|
2116
|
+
*@editionLink codepen.io
|
|
2117
|
+
*@author Dan Eden
|
|
2118
|
+
*@source Animate.css
|
|
2119
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2120
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2121
|
+
*@license MIT
|
|
2122
|
+
*/
|
|
2123
|
+
|
|
2124
|
+
@-webkit-keyframes fadeOutRight {
|
|
2125
|
+
0% {
|
|
2126
|
+
opacity: 1;
|
|
2127
|
+
}
|
|
2128
|
+
|
|
2129
|
+
100% {
|
|
2130
|
+
opacity: 0;
|
|
2131
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
|
2132
|
+
transform: translate3d(100%, 0, 0);
|
|
2133
|
+
}
|
|
2134
|
+
}
|
|
2135
|
+
|
|
2136
|
+
@keyframes fadeOutRight {
|
|
2137
|
+
0% {
|
|
2138
|
+
opacity: 1;
|
|
2139
|
+
}
|
|
2140
|
+
|
|
2141
|
+
100% {
|
|
2142
|
+
opacity: 0;
|
|
2143
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
|
2144
|
+
-ms-transform: translate3d(100%, 0, 0);
|
|
2145
|
+
transform: translate3d(100%, 0, 0);
|
|
2146
|
+
}
|
|
2147
|
+
}
|
|
2148
|
+
|
|
2149
|
+
.fadeOutRight {
|
|
2150
|
+
-webkit-animation-name: fadeOutRight;
|
|
2151
|
+
animation-name: fadeOutRight;
|
|
2152
|
+
}
|
|
2153
|
+
|
|
2154
|
+
/*
|
|
2155
|
+
*@name fadeOutRightBig
|
|
2156
|
+
*@className fadeOutRightBig animated
|
|
2157
|
+
*@cssCode true
|
|
2158
|
+
*@editionLink codepen.io
|
|
2159
|
+
*@author Dan Eden
|
|
2160
|
+
*@source Animate.css
|
|
2161
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2162
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2163
|
+
*@license MIT
|
|
2164
|
+
*/
|
|
2165
|
+
|
|
2166
|
+
@-webkit-keyframes fadeOutRightBig {
|
|
2167
|
+
0% {
|
|
2168
|
+
opacity: 1;
|
|
2169
|
+
}
|
|
2170
|
+
|
|
2171
|
+
100% {
|
|
2172
|
+
opacity: 0;
|
|
2173
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
|
2174
|
+
transform: translate3d(2000px, 0, 0);
|
|
2175
|
+
}
|
|
2176
|
+
}
|
|
2177
|
+
|
|
2178
|
+
@keyframes fadeOutRightBig {
|
|
2179
|
+
0% {
|
|
2180
|
+
opacity: 1;
|
|
2181
|
+
}
|
|
2182
|
+
|
|
2183
|
+
100% {
|
|
2184
|
+
opacity: 0;
|
|
2185
|
+
-webkit-transform: translate3d(2000px, 0, 0);
|
|
2186
|
+
-ms-transform: translate3d(2000px, 0, 0);
|
|
2187
|
+
transform: translate3d(2000px, 0, 0);
|
|
2188
|
+
}
|
|
2189
|
+
}
|
|
2190
|
+
|
|
2191
|
+
.fadeOutRightBig {
|
|
2192
|
+
-webkit-animation-name: fadeOutRightBig;
|
|
2193
|
+
animation-name: fadeOutRightBig;
|
|
2194
|
+
}
|
|
2195
|
+
|
|
2196
|
+
/*
|
|
2197
|
+
*@name fadeOutUp
|
|
2198
|
+
*@className fadeOutUp animated
|
|
2199
|
+
*@cssCode true
|
|
2200
|
+
*@editionLink codepen.io
|
|
2201
|
+
*@author Dan Eden
|
|
2202
|
+
*@source Animate.css
|
|
2203
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2204
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2205
|
+
*@license MIT
|
|
2206
|
+
*/
|
|
2207
|
+
|
|
2208
|
+
@-webkit-keyframes fadeOutUp {
|
|
2209
|
+
0% {
|
|
2210
|
+
opacity: 1;
|
|
2211
|
+
}
|
|
2212
|
+
|
|
2213
|
+
100% {
|
|
2214
|
+
opacity: 0;
|
|
2215
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
|
2216
|
+
transform: translate3d(0, -100%, 0);
|
|
2217
|
+
}
|
|
2218
|
+
}
|
|
2219
|
+
|
|
2220
|
+
@keyframes fadeOutUp {
|
|
2221
|
+
0% {
|
|
2222
|
+
opacity: 1;
|
|
2223
|
+
}
|
|
2224
|
+
|
|
2225
|
+
100% {
|
|
2226
|
+
opacity: 0;
|
|
2227
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
|
2228
|
+
-ms-transform: translate3d(0, -100%, 0);
|
|
2229
|
+
transform: translate3d(0, -100%, 0);
|
|
2230
|
+
}
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
.fadeOutUp {
|
|
2234
|
+
-webkit-animation-name: fadeOutUp;
|
|
2235
|
+
animation-name: fadeOutUp;
|
|
2236
|
+
}
|
|
2237
|
+
|
|
2238
|
+
/*
|
|
2239
|
+
*@name fadeOutUpBig
|
|
2240
|
+
*@className fadeOutUpBig animated
|
|
2241
|
+
*@cssCode true
|
|
2242
|
+
*@editionLink codepen.io
|
|
2243
|
+
*@author Dan Eden
|
|
2244
|
+
*@source Animate.css
|
|
2245
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2246
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2247
|
+
*@license MIT
|
|
2248
|
+
*/
|
|
2249
|
+
|
|
2250
|
+
@-webkit-keyframes fadeOutUpBig {
|
|
2251
|
+
0% {
|
|
2252
|
+
opacity: 1;
|
|
2253
|
+
}
|
|
2254
|
+
|
|
2255
|
+
100% {
|
|
2256
|
+
opacity: 0;
|
|
2257
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
|
2258
|
+
transform: translate3d(0, -2000px, 0);
|
|
2259
|
+
}
|
|
2260
|
+
}
|
|
2261
|
+
|
|
2262
|
+
@keyframes fadeOutUpBig {
|
|
2263
|
+
0% {
|
|
2264
|
+
opacity: 1;
|
|
2265
|
+
}
|
|
2266
|
+
|
|
2267
|
+
100% {
|
|
2268
|
+
opacity: 0;
|
|
2269
|
+
-webkit-transform: translate3d(0, -2000px, 0);
|
|
2270
|
+
-ms-transform: translate3d(0, -2000px, 0);
|
|
2271
|
+
transform: translate3d(0, -2000px, 0);
|
|
2272
|
+
}
|
|
2273
|
+
}
|
|
2274
|
+
|
|
2275
|
+
.fadeOutUpBig {
|
|
2276
|
+
-webkit-animation-name: fadeOutUpBig;
|
|
2277
|
+
animation-name: fadeOutUpBig;
|
|
2278
|
+
}
|
|
2279
|
+
|
|
2280
|
+
/*
|
|
2281
|
+
*@name flip
|
|
2282
|
+
*@className flip animated
|
|
2283
|
+
*@cssCode true
|
|
2284
|
+
*@editionLink codepen.io
|
|
2285
|
+
*@author Dan Eden
|
|
2286
|
+
*@source Animate.css
|
|
2287
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2288
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2289
|
+
*@license MIT
|
|
2290
|
+
*/
|
|
2291
|
+
|
|
2292
|
+
@-webkit-keyframes flip {
|
|
2293
|
+
0% {
|
|
2294
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
2295
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
2296
|
+
-webkit-animation-timing-function: ease-out;
|
|
2297
|
+
animation-timing-function: ease-out;
|
|
2298
|
+
}
|
|
2299
|
+
|
|
2300
|
+
40% {
|
|
2301
|
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
2302
|
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
2303
|
+
-webkit-animation-timing-function: ease-out;
|
|
2304
|
+
animation-timing-function: ease-out;
|
|
2305
|
+
}
|
|
2306
|
+
|
|
2307
|
+
50% {
|
|
2308
|
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
2309
|
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
2310
|
+
-webkit-animation-timing-function: ease-in;
|
|
2311
|
+
animation-timing-function: ease-in;
|
|
2312
|
+
}
|
|
2313
|
+
|
|
2314
|
+
80% {
|
|
2315
|
+
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
|
2316
|
+
transform: perspective(400px) scale3d(.95, .95, .95);
|
|
2317
|
+
-webkit-animation-timing-function: ease-in;
|
|
2318
|
+
animation-timing-function: ease-in;
|
|
2319
|
+
}
|
|
2320
|
+
|
|
2321
|
+
100% {
|
|
2322
|
+
-webkit-transform: perspective(400px);
|
|
2323
|
+
transform: perspective(400px);
|
|
2324
|
+
-webkit-animation-timing-function: ease-in;
|
|
2325
|
+
animation-timing-function: ease-in;
|
|
2326
|
+
}
|
|
2327
|
+
}
|
|
2328
|
+
|
|
2329
|
+
@keyframes flip {
|
|
2330
|
+
0% {
|
|
2331
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
2332
|
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
2333
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
2334
|
+
-webkit-animation-timing-function: ease-out;
|
|
2335
|
+
animation-timing-function: ease-out;
|
|
2336
|
+
}
|
|
2337
|
+
|
|
2338
|
+
40% {
|
|
2339
|
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
2340
|
+
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
2341
|
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
2342
|
+
-webkit-animation-timing-function: ease-out;
|
|
2343
|
+
animation-timing-function: ease-out;
|
|
2344
|
+
}
|
|
2345
|
+
|
|
2346
|
+
50% {
|
|
2347
|
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
2348
|
+
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
2349
|
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
2350
|
+
-webkit-animation-timing-function: ease-in;
|
|
2351
|
+
animation-timing-function: ease-in;
|
|
2352
|
+
}
|
|
2353
|
+
|
|
2354
|
+
80% {
|
|
2355
|
+
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
|
2356
|
+
-ms-transform: perspective(400px) scale3d(.95, .95, .95);
|
|
2357
|
+
transform: perspective(400px) scale3d(.95, .95, .95);
|
|
2358
|
+
-webkit-animation-timing-function: ease-in;
|
|
2359
|
+
animation-timing-function: ease-in;
|
|
2360
|
+
}
|
|
2361
|
+
|
|
2362
|
+
100% {
|
|
2363
|
+
-webkit-transform: perspective(400px);
|
|
2364
|
+
-ms-transform: perspective(400px);
|
|
2365
|
+
transform: perspective(400px);
|
|
2366
|
+
-webkit-animation-timing-function: ease-in;
|
|
2367
|
+
animation-timing-function: ease-in;
|
|
2368
|
+
}
|
|
2369
|
+
}
|
|
2370
|
+
|
|
2371
|
+
.animated.flip {
|
|
2372
|
+
-webkit-backface-visibility: visible;
|
|
2373
|
+
-ms-backface-visibility: visible;
|
|
2374
|
+
backface-visibility: visible;
|
|
2375
|
+
-webkit-animation-name: flip;
|
|
2376
|
+
animation-name: flip;
|
|
2377
|
+
}
|
|
2378
|
+
|
|
2379
|
+
/*
|
|
2380
|
+
*@name flipInX
|
|
2381
|
+
*@className flipInX animated
|
|
2382
|
+
*@cssCode true
|
|
2383
|
+
*@editionLink codepen.io
|
|
2384
|
+
*@author Dan Eden
|
|
2385
|
+
*@source Animate.css
|
|
2386
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2387
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2388
|
+
*@license MIT
|
|
2389
|
+
*/
|
|
2390
|
+
|
|
2391
|
+
@-webkit-keyframes flipInX {
|
|
2392
|
+
0% {
|
|
2393
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2394
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2395
|
+
-webkit-transition-timing-function: ease-in;
|
|
2396
|
+
transition-timing-function: ease-in;
|
|
2397
|
+
opacity: 0;
|
|
2398
|
+
}
|
|
2399
|
+
|
|
2400
|
+
40% {
|
|
2401
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2402
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2403
|
+
-webkit-transition-timing-function: ease-in;
|
|
2404
|
+
transition-timing-function: ease-in;
|
|
2405
|
+
}
|
|
2406
|
+
|
|
2407
|
+
60% {
|
|
2408
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
2409
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
2410
|
+
opacity: 1;
|
|
2411
|
+
}
|
|
2412
|
+
|
|
2413
|
+
80% {
|
|
2414
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
2415
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
2416
|
+
}
|
|
2417
|
+
|
|
2418
|
+
100% {
|
|
2419
|
+
-webkit-transform: perspective(400px);
|
|
2420
|
+
transform: perspective(400px);
|
|
2421
|
+
}
|
|
2422
|
+
}
|
|
2423
|
+
|
|
2424
|
+
@keyframes flipInX {
|
|
2425
|
+
0% {
|
|
2426
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2427
|
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2428
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2429
|
+
-webkit-transition-timing-function: ease-in;
|
|
2430
|
+
transition-timing-function: ease-in;
|
|
2431
|
+
opacity: 0;
|
|
2432
|
+
}
|
|
2433
|
+
|
|
2434
|
+
40% {
|
|
2435
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2436
|
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2437
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2438
|
+
-webkit-transition-timing-function: ease-in;
|
|
2439
|
+
transition-timing-function: ease-in;
|
|
2440
|
+
}
|
|
2441
|
+
|
|
2442
|
+
60% {
|
|
2443
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
2444
|
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
2445
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
2446
|
+
opacity: 1;
|
|
2447
|
+
}
|
|
2448
|
+
|
|
2449
|
+
80% {
|
|
2450
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
2451
|
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
2452
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
2453
|
+
}
|
|
2454
|
+
|
|
2455
|
+
100% {
|
|
2456
|
+
-webkit-transform: perspective(400px);
|
|
2457
|
+
-ms-transform: perspective(400px);
|
|
2458
|
+
transform: perspective(400px);
|
|
2459
|
+
}
|
|
2460
|
+
}
|
|
2461
|
+
|
|
2462
|
+
.flipInX {
|
|
2463
|
+
-webkit-backface-visibility: visible!important;
|
|
2464
|
+
-ms-backface-visibility: visible!important;
|
|
2465
|
+
backface-visibility: visible!important;
|
|
2466
|
+
-webkit-animation-name: flipInX;
|
|
2467
|
+
animation-name: flipInX;
|
|
2468
|
+
}
|
|
2469
|
+
|
|
2470
|
+
/*
|
|
2471
|
+
*@name flipInY
|
|
2472
|
+
*@className flipInY animated
|
|
2473
|
+
*@cssCode true
|
|
2474
|
+
*@editionLink codepen.io
|
|
2475
|
+
*@author Dan Eden
|
|
2476
|
+
*@source Animate.css
|
|
2477
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2478
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2479
|
+
*@license MIT
|
|
2480
|
+
*/
|
|
2481
|
+
|
|
2482
|
+
@-webkit-keyframes flipInY {
|
|
2483
|
+
0% {
|
|
2484
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2485
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2486
|
+
-webkit-transition-timing-function: ease-in;
|
|
2487
|
+
transition-timing-function: ease-in;
|
|
2488
|
+
opacity: 0;
|
|
2489
|
+
}
|
|
2490
|
+
|
|
2491
|
+
40% {
|
|
2492
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
2493
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
2494
|
+
-webkit-transition-timing-function: ease-in;
|
|
2495
|
+
transition-timing-function: ease-in;
|
|
2496
|
+
}
|
|
2497
|
+
|
|
2498
|
+
60% {
|
|
2499
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
2500
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
2501
|
+
opacity: 1;
|
|
2502
|
+
}
|
|
2503
|
+
|
|
2504
|
+
80% {
|
|
2505
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
2506
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
2507
|
+
}
|
|
2508
|
+
|
|
2509
|
+
100% {
|
|
2510
|
+
-webkit-transform: perspective(400px);
|
|
2511
|
+
transform: perspective(400px);
|
|
2512
|
+
}
|
|
2513
|
+
}
|
|
2514
|
+
|
|
2515
|
+
@keyframes flipInY {
|
|
2516
|
+
0% {
|
|
2517
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2518
|
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2519
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2520
|
+
-webkit-transition-timing-function: ease-in;
|
|
2521
|
+
transition-timing-function: ease-in;
|
|
2522
|
+
opacity: 0;
|
|
2523
|
+
}
|
|
2524
|
+
|
|
2525
|
+
40% {
|
|
2526
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
2527
|
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
2528
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
2529
|
+
-webkit-transition-timing-function: ease-in;
|
|
2530
|
+
transition-timing-function: ease-in;
|
|
2531
|
+
}
|
|
2532
|
+
|
|
2533
|
+
60% {
|
|
2534
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
2535
|
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
2536
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
2537
|
+
opacity: 1;
|
|
2538
|
+
}
|
|
2539
|
+
|
|
2540
|
+
80% {
|
|
2541
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
2542
|
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
2543
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
2544
|
+
}
|
|
2545
|
+
|
|
2546
|
+
100% {
|
|
2547
|
+
-webkit-transform: perspective(400px);
|
|
2548
|
+
-ms-transform: perspective(400px);
|
|
2549
|
+
transform: perspective(400px);
|
|
2550
|
+
}
|
|
2551
|
+
}
|
|
2552
|
+
|
|
2553
|
+
.flipInY {
|
|
2554
|
+
-webkit-backface-visibility: visible!important;
|
|
2555
|
+
-ms-backface-visibility: visible!important;
|
|
2556
|
+
backface-visibility: visible!important;
|
|
2557
|
+
-webkit-animation-name: flipInY;
|
|
2558
|
+
animation-name: flipInY;
|
|
2559
|
+
}
|
|
2560
|
+
|
|
2561
|
+
/*
|
|
2562
|
+
*@name flipOutX
|
|
2563
|
+
*@className flipOutX animated
|
|
2564
|
+
*@cssCode true
|
|
2565
|
+
*@editionLink codepen.io
|
|
2566
|
+
*@author Dan Eden
|
|
2567
|
+
*@source Animate.css
|
|
2568
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2569
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2570
|
+
*@license MIT
|
|
2571
|
+
*/
|
|
2572
|
+
|
|
2573
|
+
@-webkit-keyframes flipOutX {
|
|
2574
|
+
0% {
|
|
2575
|
+
-webkit-transform: perspective(400px);
|
|
2576
|
+
transform: perspective(400px);
|
|
2577
|
+
}
|
|
2578
|
+
|
|
2579
|
+
30% {
|
|
2580
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2581
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2582
|
+
opacity: 1;
|
|
2583
|
+
}
|
|
2584
|
+
|
|
2585
|
+
100% {
|
|
2586
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2587
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2588
|
+
opacity: 0;
|
|
2589
|
+
}
|
|
2590
|
+
}
|
|
2591
|
+
|
|
2592
|
+
@keyframes flipOutX {
|
|
2593
|
+
0% {
|
|
2594
|
+
-webkit-transform: perspective(400px);
|
|
2595
|
+
-ms-transform: perspective(400px);
|
|
2596
|
+
transform: perspective(400px);
|
|
2597
|
+
}
|
|
2598
|
+
|
|
2599
|
+
30% {
|
|
2600
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2601
|
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2602
|
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
2603
|
+
opacity: 1;
|
|
2604
|
+
}
|
|
2605
|
+
|
|
2606
|
+
100% {
|
|
2607
|
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2608
|
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2609
|
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
2610
|
+
opacity: 0;
|
|
2611
|
+
}
|
|
2612
|
+
}
|
|
2613
|
+
|
|
2614
|
+
.flipOutX {
|
|
2615
|
+
-webkit-animation-name: flipOutX;
|
|
2616
|
+
animation-name: flipOutX;
|
|
2617
|
+
-webkit-backface-visibility: visible!important;
|
|
2618
|
+
-ms-backface-visibility: visible!important;
|
|
2619
|
+
backface-visibility: visible!important;
|
|
2620
|
+
}
|
|
2621
|
+
|
|
2622
|
+
/*
|
|
2623
|
+
*@name flipOutY
|
|
2624
|
+
*@className flipOutY animated
|
|
2625
|
+
*@cssCode true
|
|
2626
|
+
*@editionLink codepen.io
|
|
2627
|
+
*@author Dan Eden
|
|
2628
|
+
*@source Animate.css
|
|
2629
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2630
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2631
|
+
*@license MIT
|
|
2632
|
+
*/
|
|
2633
|
+
|
|
2634
|
+
@-webkit-keyframes flipOutY {
|
|
2635
|
+
0% {
|
|
2636
|
+
-webkit-transform: perspective(400px);
|
|
2637
|
+
transform: perspective(400px);
|
|
2638
|
+
}
|
|
2639
|
+
|
|
2640
|
+
30% {
|
|
2641
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
2642
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
2643
|
+
opacity: 1;
|
|
2644
|
+
}
|
|
2645
|
+
|
|
2646
|
+
100% {
|
|
2647
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2648
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2649
|
+
opacity: 0;
|
|
2650
|
+
}
|
|
2651
|
+
}
|
|
2652
|
+
|
|
2653
|
+
@keyframes flipOutY {
|
|
2654
|
+
0% {
|
|
2655
|
+
-webkit-transform: perspective(400px);
|
|
2656
|
+
-ms-transform: perspective(400px);
|
|
2657
|
+
transform: perspective(400px);
|
|
2658
|
+
}
|
|
2659
|
+
|
|
2660
|
+
30% {
|
|
2661
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
2662
|
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
2663
|
+
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
2664
|
+
opacity: 1;
|
|
2665
|
+
}
|
|
2666
|
+
|
|
2667
|
+
100% {
|
|
2668
|
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2669
|
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2670
|
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
2671
|
+
opacity: 0;
|
|
2672
|
+
}
|
|
2673
|
+
}
|
|
2674
|
+
|
|
2675
|
+
.flipOutY {
|
|
2676
|
+
-webkit-backface-visibility: visible!important;
|
|
2677
|
+
-ms-backface-visibility: visible!important;
|
|
2678
|
+
backface-visibility: visible!important;
|
|
2679
|
+
-webkit-animation-name: flipOutY;
|
|
2680
|
+
animation-name: flipOutY;
|
|
2681
|
+
}
|
|
2682
|
+
|
|
2683
|
+
/*
|
|
2684
|
+
*@name lightSpeedIn
|
|
2685
|
+
*@className lightSpeedIn animated
|
|
2686
|
+
*@cssCode true
|
|
2687
|
+
*@editionLink codepen.io
|
|
2688
|
+
*@author Dan Eden
|
|
2689
|
+
*@source Animate.css
|
|
2690
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2691
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2692
|
+
*@license MIT
|
|
2693
|
+
*/
|
|
2694
|
+
|
|
2695
|
+
@-webkit-keyframes lightSpeedIn {
|
|
2696
|
+
0% {
|
|
2697
|
+
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
2698
|
+
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
2699
|
+
opacity: 0;
|
|
2700
|
+
}
|
|
2701
|
+
|
|
2702
|
+
60% {
|
|
2703
|
+
-webkit-transform: skewX(20deg);
|
|
2704
|
+
transform: skewX(20deg);
|
|
2705
|
+
opacity: 1;
|
|
2706
|
+
}
|
|
2707
|
+
|
|
2708
|
+
80% {
|
|
2709
|
+
-webkit-transform: skewX(-5deg);
|
|
2710
|
+
transform: skewX(-5deg);
|
|
2711
|
+
opacity: 1;
|
|
2712
|
+
}
|
|
2713
|
+
|
|
2714
|
+
100% {
|
|
2715
|
+
-webkit-transform: none;
|
|
2716
|
+
transform: none;
|
|
2717
|
+
opacity: 1;
|
|
2718
|
+
}
|
|
2719
|
+
}
|
|
2720
|
+
|
|
2721
|
+
@keyframes lightSpeedIn {
|
|
2722
|
+
0% {
|
|
2723
|
+
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
2724
|
+
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
2725
|
+
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
2726
|
+
opacity: 0;
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
60% {
|
|
2730
|
+
-webkit-transform: skewX(20deg);
|
|
2731
|
+
-ms-transform: skewX(20deg);
|
|
2732
|
+
transform: skewX(20deg);
|
|
2733
|
+
opacity: 1;
|
|
2734
|
+
}
|
|
2735
|
+
|
|
2736
|
+
80% {
|
|
2737
|
+
-webkit-transform: skewX(-5deg);
|
|
2738
|
+
-ms-transform: skewX(-5deg);
|
|
2739
|
+
transform: skewX(-5deg);
|
|
2740
|
+
opacity: 1;
|
|
2741
|
+
}
|
|
2742
|
+
|
|
2743
|
+
100% {
|
|
2744
|
+
-webkit-transform: none;
|
|
2745
|
+
-ms-transform: none;
|
|
2746
|
+
transform: none;
|
|
2747
|
+
opacity: 1;
|
|
2748
|
+
}
|
|
2749
|
+
}
|
|
2750
|
+
|
|
2751
|
+
.lightSpeedIn {
|
|
2752
|
+
-webkit-animation-name: lightSpeedIn;
|
|
2753
|
+
animation-name: lightSpeedIn;
|
|
2754
|
+
-webkit-animation-timing-function: ease-out;
|
|
2755
|
+
animation-timing-function: ease-out;
|
|
2756
|
+
}
|
|
2757
|
+
|
|
2758
|
+
/*
|
|
2759
|
+
*@name lightSpeedOut
|
|
2760
|
+
*@className lightSpeedOut animated
|
|
2761
|
+
*@cssCode true
|
|
2762
|
+
*@editionLink codepen.io
|
|
2763
|
+
*@author Dan Eden
|
|
2764
|
+
*@source Animate.css
|
|
2765
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
2766
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
2767
|
+
*@license MIT
|
|
2768
|
+
*/
|
|
2769
|
+
|
|
2770
|
+
@-webkit-keyframes lightSpeedOut {
|
|
2771
|
+
0% {
|
|
2772
|
+
opacity: 1;
|
|
2773
|
+
}
|
|
2774
|
+
|
|
2775
|
+
100% {
|
|
2776
|
+
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
2777
|
+
transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
2778
|
+
opacity: 0;
|
|
2779
|
+
}
|
|
2780
|
+
}
|
|
2781
|
+
|
|
2782
|
+
@keyframes lightSpeedOut {
|
|
2783
|
+
0% {
|
|
2784
|
+
opacity: 1;
|
|
2785
|
+
}
|
|
2786
|
+
|
|
2787
|
+
100% {
|
|
2788
|
+
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
2789
|
+
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
2790
|
+
transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
2791
|
+
opacity: 0;
|
|
2792
|
+
}
|
|
2793
|
+
}
|
|
2794
|
+
|
|
2795
|
+
.lightSpeedOut {
|
|
2796
|
+
-webkit-animation-name: lightSpeedOut;
|
|
2797
|
+
animation-name: lightSpeedOut;
|
|
2798
|
+
-webkit-animation-timing-function: ease-in;
|
|
2799
|
+
animation-timing-function: ease-in;
|
|
2800
|
+
}
|
|
2801
|
+
|
|
2802
|
+
/*
|
|
2803
|
+
*@name rotate
|
|
2804
|
+
*@className rotate animated
|
|
2805
|
+
*@cssCode
|
|
2806
|
+
*@editionLink codepen.io
|
|
2807
|
+
*@author Quinn Keaveney
|
|
2808
|
+
*@source AniCollection
|
|
2809
|
+
*@sourceUrl https://github.com/anicollection/anicollection/
|
|
2810
|
+
*@issues https://github.com/anicollection/anicollection/issues
|
|
2811
|
+
*@license MIT
|
|
2812
|
+
*/
|
|
2813
|
+
|
|
2814
|
+
@-webkit-keyframes rotate {
|
|
2815
|
+
0% {
|
|
2816
|
+
-webkit-transform-origin: center;
|
|
2817
|
+
transform-origin: center;
|
|
2818
|
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
2819
|
+
transform: rotate3d(0, 0, 1, -200deg);
|
|
2820
|
+
}
|
|
2821
|
+
|
|
2822
|
+
100% {
|
|
2823
|
+
-webkit-transform-origin: center;
|
|
2824
|
+
transform-origin: center;
|
|
2825
|
+
-webkit-transform: none;
|
|
2826
|
+
transform: none;
|
|
2827
|
+
}
|
|
2828
|
+
}
|
|
2829
|
+
|
|
2830
|
+
@keyframes rotate {
|
|
2831
|
+
0% {
|
|
2832
|
+
-webkit-transform-origin: center;
|
|
2833
|
+
-ms-transform-origin: center;
|
|
2834
|
+
transform-origin: center;
|
|
2835
|
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
2836
|
+
-ms-transform: rotate3d(0, 0, 1, -200deg);
|
|
2837
|
+
transform: rotate3d(0, 0, 1, -200deg);
|
|
2838
|
+
}
|
|
2839
|
+
|
|
2840
|
+
100% {
|
|
2841
|
+
-webkit-transform-origin: center;
|
|
2842
|
+
-ms-transform-origin: center;
|
|
2843
|
+
transform-origin: center;
|
|
2844
|
+
-webkit-transform: none;
|
|
2845
|
+
-ms-transform: none;
|
|
2846
|
+
transform: none;
|
|
2847
|
+
}
|
|
2848
|
+
}
|
|
2849
|
+
|
|
2850
|
+
.rotate {
|
|
2851
|
+
-webkit-animation-name: rotate;
|
|
2852
|
+
animation-name: rotate;
|
|
2853
|
+
}
|
|
2854
|
+
|
|
2855
|
+
/*
|
|
2856
|
+
*@name rotateDownLeft
|
|
2857
|
+
*@className rotateDownLeft animated
|
|
2858
|
+
*@cssCode
|
|
2859
|
+
*@editionLink codepen.io
|
|
2860
|
+
*@author Quinn Keaveney
|
|
2861
|
+
*@source AniCollection
|
|
2862
|
+
*@sourceUrl https://github.com/anicollection/anicollection
|
|
2863
|
+
*@issues https://github.com/anicollection/anicollection/issues
|
|
2864
|
+
*@license MIT
|
|
2865
|
+
*/
|
|
2866
|
+
|
|
2867
|
+
@-webkit-keyframes rotateDownLeft {
|
|
2868
|
+
0% {
|
|
2869
|
+
-webkit-transform-origin: left bottom;
|
|
2870
|
+
transform-origin: left bottom;
|
|
2871
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
2872
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
2873
|
+
}
|
|
2874
|
+
|
|
2875
|
+
100% {
|
|
2876
|
+
-webkit-transform-origin: left bottom;
|
|
2877
|
+
transform-origin: left bottom;
|
|
2878
|
+
-webkit-transform: none;
|
|
2879
|
+
transform: none;
|
|
2880
|
+
}
|
|
2881
|
+
}
|
|
2882
|
+
|
|
2883
|
+
@keyframes rotateDownLeft {
|
|
2884
|
+
0% {
|
|
2885
|
+
-webkit-transform-origin: left bottom;
|
|
2886
|
+
-ms-transform-origin: left bottom;
|
|
2887
|
+
transform-origin: left bottom;
|
|
2888
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
2889
|
+
-ms-transform: rotate3d(0, 0, 1, -45deg);
|
|
2890
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
2891
|
+
}
|
|
2892
|
+
|
|
2893
|
+
100% {
|
|
2894
|
+
-webkit-transform-origin: left bottom;
|
|
2895
|
+
-ms-transform-origin: left bottom;
|
|
2896
|
+
transform-origin: left bottom;
|
|
2897
|
+
-webkit-transform: none;
|
|
2898
|
+
-ms-transform: none;
|
|
2899
|
+
transform: none;
|
|
2900
|
+
}
|
|
2901
|
+
}
|
|
2902
|
+
|
|
2903
|
+
.rotateDownLeft {
|
|
2904
|
+
-webkit-animation-name: rotateDownLeft;
|
|
2905
|
+
animation-name: rotateDownLeft;
|
|
2906
|
+
}
|
|
2907
|
+
|
|
2908
|
+
/*
|
|
2909
|
+
*@name rotateDownRight
|
|
2910
|
+
*@className rotateDownRight animated
|
|
2911
|
+
*@cssCode
|
|
2912
|
+
*@editionLink codepen.io
|
|
2913
|
+
*@author Quinn Keaveney
|
|
2914
|
+
*@source AniCollection
|
|
2915
|
+
*@sourceUrl https://github.com/anicollection/anicollection
|
|
2916
|
+
*@issues https://github.com/anicollection/anicollection/issues
|
|
2917
|
+
*@license MIT
|
|
2918
|
+
*/
|
|
2919
|
+
|
|
2920
|
+
@-webkit-keyframes rotateDownRight {
|
|
2921
|
+
0% {
|
|
2922
|
+
-webkit-transform-origin: right bottom;
|
|
2923
|
+
transform-origin: right bottom;
|
|
2924
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
2925
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
2926
|
+
}
|
|
2927
|
+
|
|
2928
|
+
100% {
|
|
2929
|
+
-webkit-transform-origin: right bottom;
|
|
2930
|
+
transform-origin: right bottom;
|
|
2931
|
+
-webkit-transform: none;
|
|
2932
|
+
transform: none;
|
|
2933
|
+
}
|
|
2934
|
+
}
|
|
2935
|
+
|
|
2936
|
+
@keyframes rotateDownRight {
|
|
2937
|
+
0% {
|
|
2938
|
+
-webkit-transform-origin: right bottom;
|
|
2939
|
+
-ms-transform-origin: right bottom;
|
|
2940
|
+
transform-origin: right bottom;
|
|
2941
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
2942
|
+
-ms-transform: rotate3d(0, 0, 1, 45deg);
|
|
2943
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
2944
|
+
}
|
|
2945
|
+
|
|
2946
|
+
100% {
|
|
2947
|
+
-webkit-transform-origin: right bottom;
|
|
2948
|
+
-ms-transform-origin: right bottom;
|
|
2949
|
+
transform-origin: right bottom;
|
|
2950
|
+
-webkit-transform: none;
|
|
2951
|
+
-ms-transform: none;
|
|
2952
|
+
transform: none;
|
|
2953
|
+
}
|
|
2954
|
+
}
|
|
2955
|
+
|
|
2956
|
+
.rotateDownRight {
|
|
2957
|
+
-webkit-animation-name: rotateDownRight;
|
|
2958
|
+
animation-name: rotateDownRight;
|
|
2959
|
+
}
|
|
2960
|
+
|
|
2961
|
+
/*
|
|
2962
|
+
*@name rotateUpLeft
|
|
2963
|
+
*@className rotateUpLeft animated
|
|
2964
|
+
*@cssCode
|
|
2965
|
+
*@editionLink codepen.io
|
|
2966
|
+
*@author Quinn Keaveney
|
|
2967
|
+
*@source AniCollection
|
|
2968
|
+
*@sourceUrl https://github.com/anicollection/anicollection
|
|
2969
|
+
*@issues https://github.com/anicollection/anicollection/issues
|
|
2970
|
+
*@license MIT
|
|
2971
|
+
*/
|
|
2972
|
+
|
|
2973
|
+
@-webkit-keyframes rotateUpLeft {
|
|
2974
|
+
0% {
|
|
2975
|
+
-webkit-transform-origin: left bottom;
|
|
2976
|
+
transform-origin: left bottom;
|
|
2977
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
2978
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
2979
|
+
}
|
|
2980
|
+
|
|
2981
|
+
100% {
|
|
2982
|
+
-webkit-transform-origin: left bottom;
|
|
2983
|
+
transform-origin: left bottom;
|
|
2984
|
+
-webkit-transform: none;
|
|
2985
|
+
transform: none;
|
|
2986
|
+
}
|
|
2987
|
+
}
|
|
2988
|
+
|
|
2989
|
+
@keyframes rotateUpLeft {
|
|
2990
|
+
0% {
|
|
2991
|
+
-webkit-transform-origin: left bottom;
|
|
2992
|
+
-ms-transform-origin: left bottom;
|
|
2993
|
+
transform-origin: left bottom;
|
|
2994
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
2995
|
+
-ms-transform: rotate3d(0, 0, 1, 45deg);
|
|
2996
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
2997
|
+
}
|
|
2998
|
+
|
|
2999
|
+
100% {
|
|
3000
|
+
-webkit-transform-origin: left bottom;
|
|
3001
|
+
-ms-transform-origin: left bottom;
|
|
3002
|
+
transform-origin: left bottom;
|
|
3003
|
+
-webkit-transform: none;
|
|
3004
|
+
-ms-transform: none;
|
|
3005
|
+
transform: none;
|
|
3006
|
+
}
|
|
3007
|
+
}
|
|
3008
|
+
|
|
3009
|
+
.rotateUpLeft {
|
|
3010
|
+
-webkit-animation-name: rotateUpLeft;
|
|
3011
|
+
animation-name: rotateUpLeft;
|
|
3012
|
+
}
|
|
3013
|
+
|
|
3014
|
+
/*
|
|
3015
|
+
*@name rotateUpRight
|
|
3016
|
+
*@className rotateUpRight animated
|
|
3017
|
+
*@cssCode
|
|
3018
|
+
*@editionLink codepen.io
|
|
3019
|
+
*@author Quinn Keaveney
|
|
3020
|
+
*@source AniCollection
|
|
3021
|
+
*@sourceUrl https://github.com/anicollection/anicollection
|
|
3022
|
+
*@issues https://github.com/anicollection/anicollection/issues
|
|
3023
|
+
*@license MIT
|
|
3024
|
+
*/
|
|
3025
|
+
|
|
3026
|
+
@-webkit-keyframes rotateUpRight {
|
|
3027
|
+
0% {
|
|
3028
|
+
-webkit-transform-origin: right bottom;
|
|
3029
|
+
transform-origin: right bottom;
|
|
3030
|
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
3031
|
+
transform: rotate3d(0, 0, 1, -90deg);
|
|
3032
|
+
}
|
|
3033
|
+
|
|
3034
|
+
100% {
|
|
3035
|
+
-webkit-transform-origin: right bottom;
|
|
3036
|
+
transform-origin: right bottom;
|
|
3037
|
+
-webkit-transform: none;
|
|
3038
|
+
transform: none;
|
|
3039
|
+
}
|
|
3040
|
+
}
|
|
3041
|
+
|
|
3042
|
+
@keyframes rotateUpRight {
|
|
3043
|
+
0% {
|
|
3044
|
+
-webkit-transform-origin: right bottom;
|
|
3045
|
+
-ms-transform-origin: right bottom;
|
|
3046
|
+
transform-origin: right bottom;
|
|
3047
|
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
3048
|
+
-ms-transform: rotate3d(0, 0, 1, -90deg);
|
|
3049
|
+
transform: rotate3d(0, 0, 1, -90deg);
|
|
3050
|
+
}
|
|
3051
|
+
|
|
3052
|
+
100% {
|
|
3053
|
+
-webkit-transform-origin: right bottom;
|
|
3054
|
+
-ms-transform-origin: right bottom;
|
|
3055
|
+
transform-origin: right bottom;
|
|
3056
|
+
-webkit-transform: none;
|
|
3057
|
+
-ms-transform: none;
|
|
3058
|
+
transform: none;
|
|
3059
|
+
}
|
|
3060
|
+
}
|
|
3061
|
+
|
|
3062
|
+
.rotateUpRight {
|
|
3063
|
+
-webkit-animation-name: rotateUpRight;
|
|
3064
|
+
animation-name: rotateUpRight;
|
|
3065
|
+
}
|
|
3066
|
+
|
|
3067
|
+
/*
|
|
3068
|
+
*@name rotateIn
|
|
3069
|
+
*@className rotateIn animated
|
|
3070
|
+
*@cssCode true
|
|
3071
|
+
*@editionLink codepen.io
|
|
3072
|
+
*@author Dan Eden
|
|
3073
|
+
*@source Animate.css
|
|
3074
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3075
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3076
|
+
*@license MIT
|
|
3077
|
+
*/
|
|
3078
|
+
|
|
3079
|
+
@-webkit-keyframes rotateIn {
|
|
3080
|
+
0% {
|
|
3081
|
+
-webkit-transform-origin: center;
|
|
3082
|
+
transform-origin: center;
|
|
3083
|
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
3084
|
+
transform: rotate3d(0, 0, 1, -200deg);
|
|
3085
|
+
opacity: 0;
|
|
3086
|
+
}
|
|
3087
|
+
|
|
3088
|
+
100% {
|
|
3089
|
+
-webkit-transform-origin: center;
|
|
3090
|
+
transform-origin: center;
|
|
3091
|
+
-webkit-transform: none;
|
|
3092
|
+
transform: none;
|
|
3093
|
+
opacity: 1;
|
|
3094
|
+
}
|
|
3095
|
+
}
|
|
3096
|
+
|
|
3097
|
+
@keyframes rotateIn {
|
|
3098
|
+
0% {
|
|
3099
|
+
-webkit-transform-origin: center;
|
|
3100
|
+
-ms-transform-origin: center;
|
|
3101
|
+
transform-origin: center;
|
|
3102
|
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
3103
|
+
-ms-transform: rotate3d(0, 0, 1, -200deg);
|
|
3104
|
+
transform: rotate3d(0, 0, 1, -200deg);
|
|
3105
|
+
opacity: 0;
|
|
3106
|
+
}
|
|
3107
|
+
|
|
3108
|
+
100% {
|
|
3109
|
+
-webkit-transform-origin: center;
|
|
3110
|
+
-ms-transform-origin: center;
|
|
3111
|
+
transform-origin: center;
|
|
3112
|
+
-webkit-transform: none;
|
|
3113
|
+
-ms-transform: none;
|
|
3114
|
+
transform: none;
|
|
3115
|
+
opacity: 1;
|
|
3116
|
+
}
|
|
3117
|
+
}
|
|
3118
|
+
|
|
3119
|
+
.rotateIn {
|
|
3120
|
+
-webkit-animation-name: rotateIn;
|
|
3121
|
+
animation-name: rotateIn;
|
|
3122
|
+
}
|
|
3123
|
+
|
|
3124
|
+
/*
|
|
3125
|
+
*@name rotateInDownLeft
|
|
3126
|
+
*@className rotateInDownLeft animated
|
|
3127
|
+
*@cssCode true
|
|
3128
|
+
*@editionLink codepen.io
|
|
3129
|
+
*@author Dan Eden
|
|
3130
|
+
*@source Animate.css
|
|
3131
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3132
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3133
|
+
*@license MIT
|
|
3134
|
+
*/
|
|
3135
|
+
|
|
3136
|
+
@-webkit-keyframes rotateInDownLeft {
|
|
3137
|
+
0% {
|
|
3138
|
+
-webkit-transform-origin: left bottom;
|
|
3139
|
+
transform-origin: left bottom;
|
|
3140
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
3141
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
3142
|
+
opacity: 0;
|
|
3143
|
+
}
|
|
3144
|
+
|
|
3145
|
+
100% {
|
|
3146
|
+
-webkit-transform-origin: left bottom;
|
|
3147
|
+
transform-origin: left bottom;
|
|
3148
|
+
-webkit-transform: none;
|
|
3149
|
+
transform: none;
|
|
3150
|
+
opacity: 1;
|
|
3151
|
+
}
|
|
3152
|
+
}
|
|
3153
|
+
|
|
3154
|
+
@keyframes rotateInDownLeft {
|
|
3155
|
+
0% {
|
|
3156
|
+
-webkit-transform-origin: left bottom;
|
|
3157
|
+
-ms-transform-origin: left bottom;
|
|
3158
|
+
transform-origin: left bottom;
|
|
3159
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
3160
|
+
-ms-transform: rotate3d(0, 0, 1, -45deg);
|
|
3161
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
3162
|
+
opacity: 0;
|
|
3163
|
+
}
|
|
3164
|
+
|
|
3165
|
+
100% {
|
|
3166
|
+
-webkit-transform-origin: left bottom;
|
|
3167
|
+
-ms-transform-origin: left bottom;
|
|
3168
|
+
transform-origin: left bottom;
|
|
3169
|
+
-webkit-transform: none;
|
|
3170
|
+
-ms-transform: none;
|
|
3171
|
+
transform: none;
|
|
3172
|
+
opacity: 1;
|
|
3173
|
+
}
|
|
3174
|
+
}
|
|
3175
|
+
|
|
3176
|
+
.rotateInDownLeft {
|
|
3177
|
+
-webkit-animation-name: rotateInDownLeft;
|
|
3178
|
+
animation-name: rotateInDownLeft;
|
|
3179
|
+
}
|
|
3180
|
+
|
|
3181
|
+
/*
|
|
3182
|
+
*@name rotateInDownRight
|
|
3183
|
+
*@className rotateInDownRight animated
|
|
3184
|
+
*@cssCode true
|
|
3185
|
+
*@editionLink codepen.io
|
|
3186
|
+
*@author Dan Eden
|
|
3187
|
+
*@source Animate.css
|
|
3188
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3189
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3190
|
+
*@license MIT
|
|
3191
|
+
*/
|
|
3192
|
+
|
|
3193
|
+
@-webkit-keyframes rotateInDownRight {
|
|
3194
|
+
0% {
|
|
3195
|
+
-webkit-transform-origin: right bottom;
|
|
3196
|
+
transform-origin: right bottom;
|
|
3197
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
3198
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
3199
|
+
opacity: 0;
|
|
3200
|
+
}
|
|
3201
|
+
|
|
3202
|
+
100% {
|
|
3203
|
+
-webkit-transform-origin: right bottom;
|
|
3204
|
+
transform-origin: right bottom;
|
|
3205
|
+
-webkit-transform: none;
|
|
3206
|
+
transform: none;
|
|
3207
|
+
opacity: 1;
|
|
3208
|
+
}
|
|
3209
|
+
}
|
|
3210
|
+
|
|
3211
|
+
@keyframes rotateInDownRight {
|
|
3212
|
+
0% {
|
|
3213
|
+
-webkit-transform-origin: right bottom;
|
|
3214
|
+
-ms-transform-origin: right bottom;
|
|
3215
|
+
transform-origin: right bottom;
|
|
3216
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
3217
|
+
-ms-transform: rotate3d(0, 0, 1, 45deg);
|
|
3218
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
3219
|
+
opacity: 0;
|
|
3220
|
+
}
|
|
3221
|
+
|
|
3222
|
+
100% {
|
|
3223
|
+
-webkit-transform-origin: right bottom;
|
|
3224
|
+
-ms-transform-origin: right bottom;
|
|
3225
|
+
transform-origin: right bottom;
|
|
3226
|
+
-webkit-transform: none;
|
|
3227
|
+
-ms-transform: none;
|
|
3228
|
+
transform: none;
|
|
3229
|
+
opacity: 1;
|
|
3230
|
+
}
|
|
3231
|
+
}
|
|
3232
|
+
|
|
3233
|
+
.rotateInDownRight {
|
|
3234
|
+
-webkit-animation-name: rotateInDownRight;
|
|
3235
|
+
animation-name: rotateInDownRight;
|
|
3236
|
+
}
|
|
3237
|
+
|
|
3238
|
+
/*
|
|
3239
|
+
*@name rotateInUpLeft
|
|
3240
|
+
*@className rotateInUpLeft animated
|
|
3241
|
+
*@cssCode true
|
|
3242
|
+
*@editionLink codepen.io
|
|
3243
|
+
*@author Dan Eden
|
|
3244
|
+
*@source Animate.css
|
|
3245
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3246
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3247
|
+
*@license MIT
|
|
3248
|
+
*/
|
|
3249
|
+
|
|
3250
|
+
@-webkit-keyframes rotateInUpLeft {
|
|
3251
|
+
0% {
|
|
3252
|
+
-webkit-transform-origin: left bottom;
|
|
3253
|
+
transform-origin: left bottom;
|
|
3254
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
3255
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
3256
|
+
opacity: 0;
|
|
3257
|
+
}
|
|
3258
|
+
|
|
3259
|
+
100% {
|
|
3260
|
+
-webkit-transform-origin: left bottom;
|
|
3261
|
+
transform-origin: left bottom;
|
|
3262
|
+
-webkit-transform: none;
|
|
3263
|
+
transform: none;
|
|
3264
|
+
opacity: 1;
|
|
3265
|
+
}
|
|
3266
|
+
}
|
|
3267
|
+
|
|
3268
|
+
@keyframes rotateInUpLeft {
|
|
3269
|
+
0% {
|
|
3270
|
+
-webkit-transform-origin: left bottom;
|
|
3271
|
+
-ms-transform-origin: left bottom;
|
|
3272
|
+
transform-origin: left bottom;
|
|
3273
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
3274
|
+
-ms-transform: rotate3d(0, 0, 1, 45deg);
|
|
3275
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
3276
|
+
opacity: 0;
|
|
3277
|
+
}
|
|
3278
|
+
|
|
3279
|
+
100% {
|
|
3280
|
+
-webkit-transform-origin: left bottom;
|
|
3281
|
+
-ms-transform-origin: left bottom;
|
|
3282
|
+
transform-origin: left bottom;
|
|
3283
|
+
-webkit-transform: none;
|
|
3284
|
+
-ms-transform: none;
|
|
3285
|
+
transform: none;
|
|
3286
|
+
opacity: 1;
|
|
3287
|
+
}
|
|
3288
|
+
}
|
|
3289
|
+
|
|
3290
|
+
.rotateInUpLeft {
|
|
3291
|
+
-webkit-animation-name: rotateInUpLeft;
|
|
3292
|
+
animation-name: rotateInUpLeft;
|
|
3293
|
+
}
|
|
3294
|
+
|
|
3295
|
+
/*
|
|
3296
|
+
*@name rotateInUpRight
|
|
3297
|
+
*@className rotateInUpRight animated
|
|
3298
|
+
*@cssCode true
|
|
3299
|
+
*@editionLink codepen.io
|
|
3300
|
+
*@author Dan Eden
|
|
3301
|
+
*@source Animate.css
|
|
3302
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3303
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3304
|
+
*@license MIT
|
|
3305
|
+
*/
|
|
3306
|
+
|
|
3307
|
+
@-webkit-keyframes rotateInUpRight {
|
|
3308
|
+
0% {
|
|
3309
|
+
-webkit-transform-origin: right bottom;
|
|
3310
|
+
transform-origin: right bottom;
|
|
3311
|
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
3312
|
+
transform: rotate3d(0, 0, 1, -90deg);
|
|
3313
|
+
opacity: 0;
|
|
3314
|
+
}
|
|
3315
|
+
|
|
3316
|
+
100% {
|
|
3317
|
+
-webkit-transform-origin: right bottom;
|
|
3318
|
+
transform-origin: right bottom;
|
|
3319
|
+
-webkit-transform: none;
|
|
3320
|
+
transform: none;
|
|
3321
|
+
opacity: 1;
|
|
3322
|
+
}
|
|
3323
|
+
}
|
|
3324
|
+
|
|
3325
|
+
@keyframes rotateInUpRight {
|
|
3326
|
+
0% {
|
|
3327
|
+
-webkit-transform-origin: right bottom;
|
|
3328
|
+
-ms-transform-origin: right bottom;
|
|
3329
|
+
transform-origin: right bottom;
|
|
3330
|
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
3331
|
+
-ms-transform: rotate3d(0, 0, 1, -90deg);
|
|
3332
|
+
transform: rotate3d(0, 0, 1, -90deg);
|
|
3333
|
+
opacity: 0;
|
|
3334
|
+
}
|
|
3335
|
+
|
|
3336
|
+
100% {
|
|
3337
|
+
-webkit-transform-origin: right bottom;
|
|
3338
|
+
-ms-transform-origin: right bottom;
|
|
3339
|
+
transform-origin: right bottom;
|
|
3340
|
+
-webkit-transform: none;
|
|
3341
|
+
-ms-transform: none;
|
|
3342
|
+
transform: none;
|
|
3343
|
+
opacity: 1;
|
|
3344
|
+
}
|
|
3345
|
+
}
|
|
3346
|
+
|
|
3347
|
+
.rotateInUpRight {
|
|
3348
|
+
-webkit-animation-name: rotateInUpRight;
|
|
3349
|
+
animation-name: rotateInUpRight;
|
|
3350
|
+
}
|
|
3351
|
+
|
|
3352
|
+
/*
|
|
3353
|
+
*@name rotateOut
|
|
3354
|
+
*@className rotateOut animated
|
|
3355
|
+
*@cssCode true
|
|
3356
|
+
*@editionLink codepen.io
|
|
3357
|
+
*@author Dan Eden
|
|
3358
|
+
*@source Animate.css
|
|
3359
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3360
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3361
|
+
*@license MIT
|
|
3362
|
+
*/
|
|
3363
|
+
|
|
3364
|
+
@-webkit-keyframes rotateOut {
|
|
3365
|
+
0% {
|
|
3366
|
+
-webkit-transform-origin: center;
|
|
3367
|
+
transform-origin: center;
|
|
3368
|
+
opacity: 1;
|
|
3369
|
+
}
|
|
3370
|
+
|
|
3371
|
+
100% {
|
|
3372
|
+
-webkit-transform-origin: center;
|
|
3373
|
+
transform-origin: center;
|
|
3374
|
+
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
|
3375
|
+
transform: rotate3d(0, 0, 1, 200deg);
|
|
3376
|
+
opacity: 0;
|
|
3377
|
+
}
|
|
3378
|
+
}
|
|
3379
|
+
|
|
3380
|
+
@keyframes rotateOut {
|
|
3381
|
+
0% {
|
|
3382
|
+
-webkit-transform-origin: center;
|
|
3383
|
+
-ms-transform-origin: center;
|
|
3384
|
+
transform-origin: center;
|
|
3385
|
+
opacity: 1;
|
|
3386
|
+
}
|
|
3387
|
+
|
|
3388
|
+
100% {
|
|
3389
|
+
-webkit-transform-origin: center;
|
|
3390
|
+
-ms-transform-origin: center;
|
|
3391
|
+
transform-origin: center;
|
|
3392
|
+
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
|
3393
|
+
-ms-transform: rotate3d(0, 0, 1, 200deg);
|
|
3394
|
+
transform: rotate3d(0, 0, 1, 200deg);
|
|
3395
|
+
opacity: 0;
|
|
3396
|
+
}
|
|
3397
|
+
}
|
|
3398
|
+
|
|
3399
|
+
.rotateOut {
|
|
3400
|
+
-webkit-animation-name: rotateOut;
|
|
3401
|
+
animation-name: rotateOut;
|
|
3402
|
+
}
|
|
3403
|
+
|
|
3404
|
+
/*
|
|
3405
|
+
*@name rotateOutDownLeft
|
|
3406
|
+
*@className rotateOutDownLeft animated
|
|
3407
|
+
*@cssCode true
|
|
3408
|
+
*@editionLink codepen.io
|
|
3409
|
+
*@author Dan Eden
|
|
3410
|
+
*@source Animate.css
|
|
3411
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3412
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3413
|
+
*@license MIT
|
|
3414
|
+
*/
|
|
3415
|
+
|
|
3416
|
+
@-webkit-keyframes rotateOutDownLeft {
|
|
3417
|
+
0% {
|
|
3418
|
+
-webkit-transform-origin: left bottom;
|
|
3419
|
+
transform-origin: left bottom;
|
|
3420
|
+
opacity: 1;
|
|
3421
|
+
}
|
|
3422
|
+
|
|
3423
|
+
100% {
|
|
3424
|
+
-webkit-transform-origin: left bottom;
|
|
3425
|
+
transform-origin: left bottom;
|
|
3426
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
3427
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
3428
|
+
opacity: 0;
|
|
3429
|
+
}
|
|
3430
|
+
}
|
|
3431
|
+
|
|
3432
|
+
@keyframes rotateOutDownLeft {
|
|
3433
|
+
0% {
|
|
3434
|
+
-webkit-transform-origin: left bottom;
|
|
3435
|
+
-ms-transform-origin: left bottom;
|
|
3436
|
+
transform-origin: left bottom;
|
|
3437
|
+
opacity: 1;
|
|
3438
|
+
}
|
|
3439
|
+
|
|
3440
|
+
100% {
|
|
3441
|
+
-webkit-transform-origin: left bottom;
|
|
3442
|
+
-ms-transform-origin: left bottom;
|
|
3443
|
+
transform-origin: left bottom;
|
|
3444
|
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
3445
|
+
-ms-transform: rotate3d(0, 0, 1, 45deg);
|
|
3446
|
+
transform: rotate3d(0, 0, 1, 45deg);
|
|
3447
|
+
opacity: 0;
|
|
3448
|
+
}
|
|
3449
|
+
}
|
|
3450
|
+
|
|
3451
|
+
.rotateOutDownLeft {
|
|
3452
|
+
-webkit-animation-name: rotateOutDownLeft;
|
|
3453
|
+
animation-name: rotateOutDownLeft;
|
|
3454
|
+
}
|
|
3455
|
+
|
|
3456
|
+
/*
|
|
3457
|
+
*@name rotateOutDownRight
|
|
3458
|
+
*@className rotateOutDownRight animated
|
|
3459
|
+
*@cssCode true
|
|
3460
|
+
*@editionLink codepen.io
|
|
3461
|
+
*@author Dan Eden
|
|
3462
|
+
*@source Animate.css
|
|
3463
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3464
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3465
|
+
*@license MIT
|
|
3466
|
+
*/
|
|
3467
|
+
|
|
3468
|
+
@-webkit-keyframes rotateOutDownRight {
|
|
3469
|
+
0% {
|
|
3470
|
+
-webkit-transform-origin: right bottom;
|
|
3471
|
+
transform-origin: right bottom;
|
|
3472
|
+
opacity: 1;
|
|
3473
|
+
}
|
|
3474
|
+
|
|
3475
|
+
100% {
|
|
3476
|
+
-webkit-transform-origin: right bottom;
|
|
3477
|
+
transform-origin: right bottom;
|
|
3478
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
3479
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
3480
|
+
opacity: 0;
|
|
3481
|
+
}
|
|
3482
|
+
}
|
|
3483
|
+
|
|
3484
|
+
@keyframes rotateOutDownRight {
|
|
3485
|
+
0% {
|
|
3486
|
+
-webkit-transform-origin: right bottom;
|
|
3487
|
+
-ms-transform-origin: right bottom;
|
|
3488
|
+
transform-origin: right bottom;
|
|
3489
|
+
opacity: 1;
|
|
3490
|
+
}
|
|
3491
|
+
|
|
3492
|
+
100% {
|
|
3493
|
+
-webkit-transform-origin: right bottom;
|
|
3494
|
+
-ms-transform-origin: right bottom;
|
|
3495
|
+
transform-origin: right bottom;
|
|
3496
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
3497
|
+
-ms-transform: rotate3d(0, 0, 1, -45deg);
|
|
3498
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
3499
|
+
opacity: 0;
|
|
3500
|
+
}
|
|
3501
|
+
}
|
|
3502
|
+
|
|
3503
|
+
.rotateOutDownRight {
|
|
3504
|
+
-webkit-animation-name: rotateOutDownRight;
|
|
3505
|
+
animation-name: rotateOutDownRight;
|
|
3506
|
+
}
|
|
3507
|
+
|
|
3508
|
+
/*
|
|
3509
|
+
*@name rotateOutUpLeft
|
|
3510
|
+
*@className rotateOutUpLeft animated
|
|
3511
|
+
*@cssCode true
|
|
3512
|
+
*@editionLink codepen.io
|
|
3513
|
+
*@author Dan Eden
|
|
3514
|
+
*@source Animate.css
|
|
3515
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3516
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3517
|
+
*@license MIT
|
|
3518
|
+
*/
|
|
3519
|
+
|
|
3520
|
+
@-webkit-keyframes rotateOutUpLeft {
|
|
3521
|
+
0% {
|
|
3522
|
+
-webkit-transform-origin: left bottom;
|
|
3523
|
+
transform-origin: left bottom;
|
|
3524
|
+
opacity: 1;
|
|
3525
|
+
}
|
|
3526
|
+
|
|
3527
|
+
100% {
|
|
3528
|
+
-webkit-transform-origin: left bottom;
|
|
3529
|
+
transform-origin: left bottom;
|
|
3530
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
3531
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
3532
|
+
opacity: 0;
|
|
3533
|
+
}
|
|
3534
|
+
}
|
|
3535
|
+
|
|
3536
|
+
@keyframes rotateOutUpLeft {
|
|
3537
|
+
0% {
|
|
3538
|
+
-webkit-transform-origin: left bottom;
|
|
3539
|
+
-ms-transform-origin: left bottom;
|
|
3540
|
+
transform-origin: left bottom;
|
|
3541
|
+
opacity: 1;
|
|
3542
|
+
}
|
|
3543
|
+
|
|
3544
|
+
100% {
|
|
3545
|
+
-webkit-transform-origin: left bottom;
|
|
3546
|
+
-ms-transform-origin: left bottom;
|
|
3547
|
+
transform-origin: left bottom;
|
|
3548
|
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
3549
|
+
-ms-transform: rotate3d(0, 0, 1, -45deg);
|
|
3550
|
+
transform: rotate3d(0, 0, 1, -45deg);
|
|
3551
|
+
opacity: 0;
|
|
3552
|
+
}
|
|
3553
|
+
}
|
|
3554
|
+
|
|
3555
|
+
.rotateOutUpLeft {
|
|
3556
|
+
-webkit-animation-name: rotateOutUpLeft;
|
|
3557
|
+
animation-name: rotateOutUpLeft;
|
|
3558
|
+
}
|
|
3559
|
+
|
|
3560
|
+
/*
|
|
3561
|
+
*@name rotateOutUpRight
|
|
3562
|
+
*@className rotateOutUpRight animated
|
|
3563
|
+
*@cssCode true
|
|
3564
|
+
*@editionLink codepen.io
|
|
3565
|
+
*@author Dan Eden
|
|
3566
|
+
*@source Animate.css
|
|
3567
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3568
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3569
|
+
*@license MIT
|
|
3570
|
+
*/
|
|
3571
|
+
|
|
3572
|
+
@-webkit-keyframes rotateOutUpRight {
|
|
3573
|
+
0% {
|
|
3574
|
+
-webkit-transform-origin: right bottom;
|
|
3575
|
+
transform-origin: right bottom;
|
|
3576
|
+
opacity: 1;
|
|
3577
|
+
}
|
|
3578
|
+
|
|
3579
|
+
100% {
|
|
3580
|
+
-webkit-transform-origin: right bottom;
|
|
3581
|
+
transform-origin: right bottom;
|
|
3582
|
+
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
|
3583
|
+
transform: rotate3d(0, 0, 1, 90deg);
|
|
3584
|
+
opacity: 0;
|
|
3585
|
+
}
|
|
3586
|
+
}
|
|
3587
|
+
|
|
3588
|
+
@keyframes rotateOutUpRight {
|
|
3589
|
+
0% {
|
|
3590
|
+
-webkit-transform-origin: right bottom;
|
|
3591
|
+
-ms-transform-origin: right bottom;
|
|
3592
|
+
transform-origin: right bottom;
|
|
3593
|
+
opacity: 1;
|
|
3594
|
+
}
|
|
3595
|
+
|
|
3596
|
+
100% {
|
|
3597
|
+
-webkit-transform-origin: right bottom;
|
|
3598
|
+
-ms-transform-origin: right bottom;
|
|
3599
|
+
transform-origin: right bottom;
|
|
3600
|
+
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
|
3601
|
+
-ms-transform: rotate3d(0, 0, 1, 90deg);
|
|
3602
|
+
transform: rotate3d(0, 0, 1, 90deg);
|
|
3603
|
+
opacity: 0;
|
|
3604
|
+
}
|
|
3605
|
+
}
|
|
3606
|
+
|
|
3607
|
+
.rotateOutUpRight {
|
|
3608
|
+
-webkit-animation-name: rotateOutUpRight;
|
|
3609
|
+
animation-name: rotateOutUpRight;
|
|
3610
|
+
}
|
|
3611
|
+
|
|
3612
|
+
/*
|
|
3613
|
+
*@name hinge
|
|
3614
|
+
*@className hinge animated
|
|
3615
|
+
*@cssCode true
|
|
3616
|
+
*@editionLink codepen.io
|
|
3617
|
+
*@author Dan Eden
|
|
3618
|
+
*@source Animate.css
|
|
3619
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3620
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3621
|
+
*@license MIT
|
|
3622
|
+
*/
|
|
3623
|
+
|
|
3624
|
+
@-webkit-keyframes hinge {
|
|
3625
|
+
0% {
|
|
3626
|
+
-webkit-transform-origin: top left;
|
|
3627
|
+
transform-origin: top left;
|
|
3628
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
3629
|
+
animation-timing-function: ease-in-out;
|
|
3630
|
+
}
|
|
3631
|
+
|
|
3632
|
+
20%, 60% {
|
|
3633
|
+
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
|
3634
|
+
transform: rotate3d(0, 0, 1, 80deg);
|
|
3635
|
+
-webkit-transform-origin: top left;
|
|
3636
|
+
transform-origin: top left;
|
|
3637
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
3638
|
+
animation-timing-function: ease-in-out;
|
|
3639
|
+
}
|
|
3640
|
+
|
|
3641
|
+
40%, 80% {
|
|
3642
|
+
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
|
3643
|
+
transform: rotate3d(0, 0, 1, 60deg);
|
|
3644
|
+
-webkit-transform-origin: top left;
|
|
3645
|
+
transform-origin: top left;
|
|
3646
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
3647
|
+
animation-timing-function: ease-in-out;
|
|
3648
|
+
opacity: 1;
|
|
3649
|
+
}
|
|
3650
|
+
|
|
3651
|
+
100% {
|
|
3652
|
+
-webkit-transform: translate3d(0, 700px, 0);
|
|
3653
|
+
transform: translate3d(0, 700px, 0);
|
|
3654
|
+
opacity: 0;
|
|
3655
|
+
}
|
|
3656
|
+
}
|
|
3657
|
+
|
|
3658
|
+
@keyframes hinge {
|
|
3659
|
+
0% {
|
|
3660
|
+
-webkit-transform-origin: top left;
|
|
3661
|
+
-ms-transform-origin: top left;
|
|
3662
|
+
transform-origin: top left;
|
|
3663
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
3664
|
+
animation-timing-function: ease-in-out;
|
|
3665
|
+
}
|
|
3666
|
+
|
|
3667
|
+
20%, 60% {
|
|
3668
|
+
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
|
3669
|
+
-ms-transform: rotate3d(0, 0, 1, 80deg);
|
|
3670
|
+
transform: rotate3d(0, 0, 1, 80deg);
|
|
3671
|
+
-webkit-transform-origin: top left;
|
|
3672
|
+
-ms-transform-origin: top left;
|
|
3673
|
+
transform-origin: top left;
|
|
3674
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
3675
|
+
animation-timing-function: ease-in-out;
|
|
3676
|
+
}
|
|
3677
|
+
|
|
3678
|
+
40%, 80% {
|
|
3679
|
+
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
|
3680
|
+
-ms-transform: rotate3d(0, 0, 1, 60deg);
|
|
3681
|
+
transform: rotate3d(0, 0, 1, 60deg);
|
|
3682
|
+
-webkit-transform-origin: top left;
|
|
3683
|
+
-ms-transform-origin: top left;
|
|
3684
|
+
transform-origin: top left;
|
|
3685
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
3686
|
+
animation-timing-function: ease-in-out;
|
|
3687
|
+
opacity: 1;
|
|
3688
|
+
}
|
|
3689
|
+
|
|
3690
|
+
100% {
|
|
3691
|
+
-webkit-transform: translate3d(0, 700px, 0);
|
|
3692
|
+
-ms-transform: translate3d(0, 700px, 0);
|
|
3693
|
+
transform: translate3d(0, 700px, 0);
|
|
3694
|
+
opacity: 0;
|
|
3695
|
+
}
|
|
3696
|
+
}
|
|
3697
|
+
|
|
3698
|
+
.hinge {
|
|
3699
|
+
-webkit-animation-name: hinge;
|
|
3700
|
+
animation-name: hinge;
|
|
3701
|
+
}
|
|
3702
|
+
|
|
3703
|
+
/*
|
|
3704
|
+
*@name rollIn
|
|
3705
|
+
*@className rollIn animated
|
|
3706
|
+
*@cssCode true
|
|
3707
|
+
*@editionLink codepen.io
|
|
3708
|
+
*@author Nick Pettit
|
|
3709
|
+
*@source Glide
|
|
3710
|
+
*@sourceUrl https://github.com/nickpettit/glide
|
|
3711
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3712
|
+
*@license MIT
|
|
3713
|
+
*/
|
|
3714
|
+
|
|
3715
|
+
@-webkit-keyframes rollIn {
|
|
3716
|
+
0% {
|
|
3717
|
+
opacity: 0;
|
|
3718
|
+
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
3719
|
+
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
3720
|
+
}
|
|
3721
|
+
|
|
3722
|
+
100% {
|
|
3723
|
+
opacity: 1;
|
|
3724
|
+
-webkit-transform: none;
|
|
3725
|
+
transform: none;
|
|
3726
|
+
}
|
|
3727
|
+
}
|
|
3728
|
+
|
|
3729
|
+
@keyframes rollIn {
|
|
3730
|
+
0% {
|
|
3731
|
+
opacity: 0;
|
|
3732
|
+
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
3733
|
+
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
3734
|
+
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
3735
|
+
}
|
|
3736
|
+
|
|
3737
|
+
100% {
|
|
3738
|
+
opacity: 1;
|
|
3739
|
+
-webkit-transform: none;
|
|
3740
|
+
-ms-transform: none;
|
|
3741
|
+
transform: none;
|
|
3742
|
+
}
|
|
3743
|
+
}
|
|
3744
|
+
|
|
3745
|
+
.rollIn {
|
|
3746
|
+
-webkit-animation-name: rollIn;
|
|
3747
|
+
animation-name: rollIn;
|
|
3748
|
+
}
|
|
3749
|
+
|
|
3750
|
+
/*
|
|
3751
|
+
*@name rollOut
|
|
3752
|
+
*@className rollOut animated
|
|
3753
|
+
*@cssCode true
|
|
3754
|
+
*@editionLink codepen.io
|
|
3755
|
+
*@author Nick Pettit
|
|
3756
|
+
*@source Glide
|
|
3757
|
+
*@sourceUrl https://github.com/nickpettit/glide
|
|
3758
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3759
|
+
*@license MIT
|
|
3760
|
+
*/
|
|
3761
|
+
|
|
3762
|
+
@-webkit-keyframes rollOut {
|
|
3763
|
+
0% {
|
|
3764
|
+
opacity: 1;
|
|
3765
|
+
}
|
|
3766
|
+
|
|
3767
|
+
100% {
|
|
3768
|
+
opacity: 0;
|
|
3769
|
+
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
3770
|
+
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
3771
|
+
}
|
|
3772
|
+
}
|
|
3773
|
+
|
|
3774
|
+
@keyframes rollOut {
|
|
3775
|
+
0% {
|
|
3776
|
+
opacity: 1;
|
|
3777
|
+
}
|
|
3778
|
+
|
|
3779
|
+
100% {
|
|
3780
|
+
opacity: 0;
|
|
3781
|
+
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
3782
|
+
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
3783
|
+
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
3784
|
+
}
|
|
3785
|
+
}
|
|
3786
|
+
|
|
3787
|
+
.rollOut {
|
|
3788
|
+
-webkit-animation-name: rollOut;
|
|
3789
|
+
animation-name: rollOut;
|
|
3790
|
+
}
|
|
3791
|
+
|
|
3792
|
+
/*
|
|
3793
|
+
*@name zoomIn
|
|
3794
|
+
*@className zoomIn animated
|
|
3795
|
+
*@cssCode true
|
|
3796
|
+
*@editionLink codepen.io
|
|
3797
|
+
*@author Dan Eden
|
|
3798
|
+
*@source Animate.css
|
|
3799
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3800
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3801
|
+
*@license MIT
|
|
3802
|
+
*/
|
|
3803
|
+
|
|
3804
|
+
@-webkit-keyframes zoomIn {
|
|
3805
|
+
0% {
|
|
3806
|
+
opacity: 0;
|
|
3807
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
|
3808
|
+
transform: scale3d(.3, .3, .3);
|
|
3809
|
+
}
|
|
3810
|
+
|
|
3811
|
+
50% {
|
|
3812
|
+
opacity: 1;
|
|
3813
|
+
}
|
|
3814
|
+
}
|
|
3815
|
+
|
|
3816
|
+
@keyframes zoomIn {
|
|
3817
|
+
0% {
|
|
3818
|
+
opacity: 0;
|
|
3819
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
|
3820
|
+
-ms-transform: scale3d(.3, .3, .3);
|
|
3821
|
+
transform: scale3d(.3, .3, .3);
|
|
3822
|
+
}
|
|
3823
|
+
|
|
3824
|
+
50% {
|
|
3825
|
+
opacity: 1;
|
|
3826
|
+
}
|
|
3827
|
+
}
|
|
3828
|
+
|
|
3829
|
+
.zoomIn {
|
|
3830
|
+
-webkit-animation-name: zoomIn;
|
|
3831
|
+
animation-name: zoomIn;
|
|
3832
|
+
}
|
|
3833
|
+
|
|
3834
|
+
/*
|
|
3835
|
+
*@name zoomInDown
|
|
3836
|
+
*@className zoomInDown animated
|
|
3837
|
+
*@cssCode true
|
|
3838
|
+
*@editionLink codepen.io
|
|
3839
|
+
*@author Dan Eden
|
|
3840
|
+
*@source Animate.css
|
|
3841
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3842
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3843
|
+
*@license MIT
|
|
3844
|
+
*/
|
|
3845
|
+
|
|
3846
|
+
@-webkit-keyframes zoomInDown {
|
|
3847
|
+
0% {
|
|
3848
|
+
opacity: 0;
|
|
3849
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
3850
|
+
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
3851
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3852
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3853
|
+
}
|
|
3854
|
+
|
|
3855
|
+
60% {
|
|
3856
|
+
opacity: 1;
|
|
3857
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
3858
|
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
3859
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3860
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3861
|
+
}
|
|
3862
|
+
}
|
|
3863
|
+
|
|
3864
|
+
@keyframes zoomInDown {
|
|
3865
|
+
0% {
|
|
3866
|
+
opacity: 0;
|
|
3867
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
3868
|
+
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
3869
|
+
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
3870
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3871
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3872
|
+
}
|
|
3873
|
+
|
|
3874
|
+
60% {
|
|
3875
|
+
opacity: 1;
|
|
3876
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
3877
|
+
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
3878
|
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
3879
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3880
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3881
|
+
}
|
|
3882
|
+
}
|
|
3883
|
+
|
|
3884
|
+
.zoomInDown {
|
|
3885
|
+
-webkit-animation-name: zoomInDown;
|
|
3886
|
+
animation-name: zoomInDown;
|
|
3887
|
+
}
|
|
3888
|
+
|
|
3889
|
+
/*
|
|
3890
|
+
*@name zoomInLeft
|
|
3891
|
+
*@className zoomInLeft animated
|
|
3892
|
+
*@cssCode true
|
|
3893
|
+
*@editionLink codepen.io
|
|
3894
|
+
*@author Dan Eden
|
|
3895
|
+
*@source Animate.css
|
|
3896
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3897
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3898
|
+
*@license MIT
|
|
3899
|
+
*/
|
|
3900
|
+
|
|
3901
|
+
@-webkit-keyframes zoomInLeft {
|
|
3902
|
+
0% {
|
|
3903
|
+
opacity: 0;
|
|
3904
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
3905
|
+
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
3906
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3907
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3908
|
+
}
|
|
3909
|
+
|
|
3910
|
+
60% {
|
|
3911
|
+
opacity: 1;
|
|
3912
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
3913
|
+
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
3914
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3915
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3916
|
+
}
|
|
3917
|
+
}
|
|
3918
|
+
|
|
3919
|
+
@keyframes zoomInLeft {
|
|
3920
|
+
0% {
|
|
3921
|
+
opacity: 0;
|
|
3922
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
3923
|
+
-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
3924
|
+
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
3925
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3926
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3927
|
+
}
|
|
3928
|
+
|
|
3929
|
+
60% {
|
|
3930
|
+
opacity: 1;
|
|
3931
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
3932
|
+
-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
3933
|
+
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
3934
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3935
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3936
|
+
}
|
|
3937
|
+
}
|
|
3938
|
+
|
|
3939
|
+
.zoomInLeft {
|
|
3940
|
+
-webkit-animation-name: zoomInLeft;
|
|
3941
|
+
animation-name: zoomInLeft;
|
|
3942
|
+
}
|
|
3943
|
+
|
|
3944
|
+
/*
|
|
3945
|
+
*@name zoomInRight
|
|
3946
|
+
*@className zoomInRight animated
|
|
3947
|
+
*@cssCode true
|
|
3948
|
+
*@editionLink codepen.io
|
|
3949
|
+
*@author Dan Eden
|
|
3950
|
+
*@source Animate.css
|
|
3951
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
3952
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
3953
|
+
*@license MIT
|
|
3954
|
+
*/
|
|
3955
|
+
|
|
3956
|
+
@-webkit-keyframes zoomInRight {
|
|
3957
|
+
0% {
|
|
3958
|
+
opacity: 0;
|
|
3959
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
3960
|
+
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
3961
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3962
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3963
|
+
}
|
|
3964
|
+
|
|
3965
|
+
60% {
|
|
3966
|
+
opacity: 1;
|
|
3967
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
3968
|
+
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
3969
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3970
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3971
|
+
}
|
|
3972
|
+
}
|
|
3973
|
+
|
|
3974
|
+
@keyframes zoomInRight {
|
|
3975
|
+
0% {
|
|
3976
|
+
opacity: 0;
|
|
3977
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
3978
|
+
-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
3979
|
+
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
3980
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3981
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
3982
|
+
}
|
|
3983
|
+
|
|
3984
|
+
60% {
|
|
3985
|
+
opacity: 1;
|
|
3986
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
3987
|
+
-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
3988
|
+
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
3989
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3990
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
3991
|
+
}
|
|
3992
|
+
}
|
|
3993
|
+
|
|
3994
|
+
.zoomInRight {
|
|
3995
|
+
-webkit-animation-name: zoomInRight;
|
|
3996
|
+
animation-name: zoomInRight;
|
|
3997
|
+
}
|
|
3998
|
+
|
|
3999
|
+
/*
|
|
4000
|
+
*@name zoomInUp
|
|
4001
|
+
*@className zoomInUp animated
|
|
4002
|
+
*@cssCode true
|
|
4003
|
+
*@editionLink codepen.io
|
|
4004
|
+
*@author Dan Eden
|
|
4005
|
+
*@source Animate.css
|
|
4006
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4007
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4008
|
+
*@license MIT
|
|
4009
|
+
*/
|
|
4010
|
+
|
|
4011
|
+
@-webkit-keyframes zoomInUp {
|
|
4012
|
+
0% {
|
|
4013
|
+
opacity: 0;
|
|
4014
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
4015
|
+
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
4016
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4017
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4018
|
+
}
|
|
4019
|
+
|
|
4020
|
+
60% {
|
|
4021
|
+
opacity: 1;
|
|
4022
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4023
|
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4024
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4025
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4026
|
+
}
|
|
4027
|
+
}
|
|
4028
|
+
|
|
4029
|
+
@keyframes zoomInUp {
|
|
4030
|
+
0% {
|
|
4031
|
+
opacity: 0;
|
|
4032
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
4033
|
+
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
4034
|
+
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
4035
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4036
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4037
|
+
}
|
|
4038
|
+
|
|
4039
|
+
60% {
|
|
4040
|
+
opacity: 1;
|
|
4041
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4042
|
+
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4043
|
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4044
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4045
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4046
|
+
}
|
|
4047
|
+
}
|
|
4048
|
+
|
|
4049
|
+
.zoomInUp {
|
|
4050
|
+
-webkit-animation-name: zoomInUp;
|
|
4051
|
+
animation-name: zoomInUp;
|
|
4052
|
+
}
|
|
4053
|
+
|
|
4054
|
+
/*
|
|
4055
|
+
*@name zoomOut
|
|
4056
|
+
*@className zoomOut animated
|
|
4057
|
+
*@cssCode true
|
|
4058
|
+
*@editionLink codepen.io
|
|
4059
|
+
*@author Dan Eden
|
|
4060
|
+
*@source Animate.css
|
|
4061
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4062
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4063
|
+
*@license MIT
|
|
4064
|
+
*/
|
|
4065
|
+
|
|
4066
|
+
@-webkit-keyframes zoomOut {
|
|
4067
|
+
0% {
|
|
4068
|
+
opacity: 1;
|
|
4069
|
+
}
|
|
4070
|
+
|
|
4071
|
+
50% {
|
|
4072
|
+
opacity: 0;
|
|
4073
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
|
4074
|
+
transform: scale3d(.3, .3, .3);
|
|
4075
|
+
}
|
|
4076
|
+
|
|
4077
|
+
100% {
|
|
4078
|
+
opacity: 0;
|
|
4079
|
+
}
|
|
4080
|
+
}
|
|
4081
|
+
|
|
4082
|
+
@keyframes zoomOut {
|
|
4083
|
+
0% {
|
|
4084
|
+
opacity: 1;
|
|
4085
|
+
}
|
|
4086
|
+
|
|
4087
|
+
50% {
|
|
4088
|
+
opacity: 0;
|
|
4089
|
+
-webkit-transform: scale3d(.3, .3, .3);
|
|
4090
|
+
-ms-transform: scale3d(.3, .3, .3);
|
|
4091
|
+
transform: scale3d(.3, .3, .3);
|
|
4092
|
+
}
|
|
4093
|
+
|
|
4094
|
+
100% {
|
|
4095
|
+
opacity: 0;
|
|
4096
|
+
}
|
|
4097
|
+
}
|
|
4098
|
+
|
|
4099
|
+
.zoomOut {
|
|
4100
|
+
-webkit-animation-name: zoomOut;
|
|
4101
|
+
animation-name: zoomOut;
|
|
4102
|
+
}
|
|
4103
|
+
|
|
4104
|
+
/*
|
|
4105
|
+
*@name zoomOutDown
|
|
4106
|
+
*@className zoomOutDown animated
|
|
4107
|
+
*@cssCode true
|
|
4108
|
+
*@editionLink codepen.io
|
|
4109
|
+
*@author Dan Eden
|
|
4110
|
+
*@source Animate.css
|
|
4111
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4112
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4113
|
+
*@license MIT
|
|
4114
|
+
*/
|
|
4115
|
+
|
|
4116
|
+
@-webkit-keyframes zoomOutDown {
|
|
4117
|
+
40% {
|
|
4118
|
+
opacity: 1;
|
|
4119
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4120
|
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4121
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4122
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4123
|
+
}
|
|
4124
|
+
|
|
4125
|
+
100% {
|
|
4126
|
+
opacity: 0;
|
|
4127
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
4128
|
+
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
4129
|
+
-webkit-transform-origin: center bottom;
|
|
4130
|
+
transform-origin: center bottom;
|
|
4131
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4132
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4133
|
+
}
|
|
4134
|
+
}
|
|
4135
|
+
|
|
4136
|
+
@keyframes zoomOutDown {
|
|
4137
|
+
40% {
|
|
4138
|
+
opacity: 1;
|
|
4139
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4140
|
+
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4141
|
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
4142
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4143
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4144
|
+
}
|
|
4145
|
+
|
|
4146
|
+
100% {
|
|
4147
|
+
opacity: 0;
|
|
4148
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
4149
|
+
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
4150
|
+
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
4151
|
+
-webkit-transform-origin: center bottom;
|
|
4152
|
+
-ms-transform-origin: center bottom;
|
|
4153
|
+
transform-origin: center bottom;
|
|
4154
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4155
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4156
|
+
}
|
|
4157
|
+
}
|
|
4158
|
+
|
|
4159
|
+
.zoomOutDown {
|
|
4160
|
+
-webkit-animation-name: zoomOutDown;
|
|
4161
|
+
animation-name: zoomOutDown;
|
|
4162
|
+
}
|
|
4163
|
+
|
|
4164
|
+
/*
|
|
4165
|
+
*@name zoomOutLeft
|
|
4166
|
+
*@className zoomOutLeft animated
|
|
4167
|
+
*@cssCode true
|
|
4168
|
+
*@editionLink codepen.io
|
|
4169
|
+
*@author Dan Eden
|
|
4170
|
+
*@source Animate.css
|
|
4171
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4172
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4173
|
+
*@license MIT
|
|
4174
|
+
*/
|
|
4175
|
+
|
|
4176
|
+
@-webkit-keyframes zoomOutLeft {
|
|
4177
|
+
40% {
|
|
4178
|
+
opacity: 1;
|
|
4179
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
4180
|
+
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
4181
|
+
}
|
|
4182
|
+
|
|
4183
|
+
100% {
|
|
4184
|
+
opacity: 0;
|
|
4185
|
+
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
4186
|
+
transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
4187
|
+
-webkit-transform-origin: left center;
|
|
4188
|
+
transform-origin: left center;
|
|
4189
|
+
}
|
|
4190
|
+
}
|
|
4191
|
+
|
|
4192
|
+
@keyframes zoomOutLeft {
|
|
4193
|
+
40% {
|
|
4194
|
+
opacity: 1;
|
|
4195
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
4196
|
+
-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
4197
|
+
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
4198
|
+
}
|
|
4199
|
+
|
|
4200
|
+
100% {
|
|
4201
|
+
opacity: 0;
|
|
4202
|
+
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
4203
|
+
-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
4204
|
+
transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
4205
|
+
-webkit-transform-origin: left center;
|
|
4206
|
+
-ms-transform-origin: left center;
|
|
4207
|
+
transform-origin: left center;
|
|
4208
|
+
}
|
|
4209
|
+
}
|
|
4210
|
+
|
|
4211
|
+
.zoomOutLeft {
|
|
4212
|
+
-webkit-animation-name: zoomOutLeft;
|
|
4213
|
+
animation-name: zoomOutLeft;
|
|
4214
|
+
}
|
|
4215
|
+
|
|
4216
|
+
/*
|
|
4217
|
+
*@name zoomOutRight
|
|
4218
|
+
*@className zoomOutRight animated
|
|
4219
|
+
*@cssCode true
|
|
4220
|
+
*@editionLink codepen.io
|
|
4221
|
+
*@author Dan Eden
|
|
4222
|
+
*@source Animate.css
|
|
4223
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4224
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4225
|
+
*@license MIT
|
|
4226
|
+
*/
|
|
4227
|
+
|
|
4228
|
+
@-webkit-keyframes zoomOutRight {
|
|
4229
|
+
40% {
|
|
4230
|
+
opacity: 1;
|
|
4231
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
4232
|
+
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
4233
|
+
}
|
|
4234
|
+
|
|
4235
|
+
100% {
|
|
4236
|
+
opacity: 0;
|
|
4237
|
+
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
|
4238
|
+
transform: scale(.1) translate3d(2000px, 0, 0);
|
|
4239
|
+
-webkit-transform-origin: right center;
|
|
4240
|
+
transform-origin: right center;
|
|
4241
|
+
}
|
|
4242
|
+
}
|
|
4243
|
+
|
|
4244
|
+
@keyframes zoomOutRight {
|
|
4245
|
+
40% {
|
|
4246
|
+
opacity: 1;
|
|
4247
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
4248
|
+
-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
4249
|
+
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
4250
|
+
}
|
|
4251
|
+
|
|
4252
|
+
100% {
|
|
4253
|
+
opacity: 0;
|
|
4254
|
+
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
|
4255
|
+
-ms-transform: scale(.1) translate3d(2000px, 0, 0);
|
|
4256
|
+
transform: scale(.1) translate3d(2000px, 0, 0);
|
|
4257
|
+
-webkit-transform-origin: right center;
|
|
4258
|
+
-ms-transform-origin: right center;
|
|
4259
|
+
transform-origin: right center;
|
|
4260
|
+
}
|
|
4261
|
+
}
|
|
4262
|
+
|
|
4263
|
+
.zoomOutRight {
|
|
4264
|
+
-webkit-animation-name: zoomOutRight;
|
|
4265
|
+
animation-name: zoomOutRight;
|
|
4266
|
+
}
|
|
4267
|
+
|
|
4268
|
+
/*
|
|
4269
|
+
*@name zoomOutUp
|
|
4270
|
+
*@className zoomOutUp animated
|
|
4271
|
+
*@cssCode true
|
|
4272
|
+
*@editionLink codepen.io
|
|
4273
|
+
*@author Dan Eden
|
|
4274
|
+
*@source Animate.css
|
|
4275
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4276
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4277
|
+
*@license MIT
|
|
4278
|
+
*/
|
|
4279
|
+
|
|
4280
|
+
@-webkit-keyframes zoomOutUp {
|
|
4281
|
+
40% {
|
|
4282
|
+
opacity: 1;
|
|
4283
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
4284
|
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
4285
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4286
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4287
|
+
}
|
|
4288
|
+
|
|
4289
|
+
100% {
|
|
4290
|
+
opacity: 0;
|
|
4291
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
4292
|
+
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
4293
|
+
-webkit-transform-origin: center bottom;
|
|
4294
|
+
transform-origin: center bottom;
|
|
4295
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4296
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4297
|
+
}
|
|
4298
|
+
}
|
|
4299
|
+
|
|
4300
|
+
@keyframes zoomOutUp {
|
|
4301
|
+
40% {
|
|
4302
|
+
opacity: 1;
|
|
4303
|
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
4304
|
+
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
4305
|
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
4306
|
+
-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4307
|
+
animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
|
|
4308
|
+
}
|
|
4309
|
+
|
|
4310
|
+
100% {
|
|
4311
|
+
opacity: 0;
|
|
4312
|
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
4313
|
+
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
4314
|
+
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
4315
|
+
-webkit-transform-origin: center bottom;
|
|
4316
|
+
-ms-transform-origin: center bottom;
|
|
4317
|
+
transform-origin: center bottom;
|
|
4318
|
+
-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4319
|
+
animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
|
|
4320
|
+
}
|
|
4321
|
+
}
|
|
4322
|
+
|
|
4323
|
+
.zoomOutUp {
|
|
4324
|
+
-webkit-animation-name: zoomOutUp;
|
|
4325
|
+
animation-name: zoomOutUp;
|
|
4326
|
+
}
|
|
4327
|
+
|
|
4328
|
+
/*
|
|
4329
|
+
*@name slideInDown
|
|
4330
|
+
*@className slideInDown animated
|
|
4331
|
+
*@cssCode true
|
|
4332
|
+
*@editionLink codepen.io
|
|
4333
|
+
*@author Dan Eden
|
|
4334
|
+
*@source Animate.css
|
|
4335
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4336
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4337
|
+
*@license MIT
|
|
4338
|
+
*/
|
|
4339
|
+
|
|
4340
|
+
@-webkit-keyframes slideInDown {
|
|
4341
|
+
0% {
|
|
4342
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
|
4343
|
+
transform: translate3d(0, -100%, 0);
|
|
4344
|
+
visibility: visible;
|
|
4345
|
+
}
|
|
4346
|
+
|
|
4347
|
+
100% {
|
|
4348
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4349
|
+
transform: translate3d(0, 0, 0);
|
|
4350
|
+
}
|
|
4351
|
+
}
|
|
4352
|
+
|
|
4353
|
+
@keyframes slideInDown {
|
|
4354
|
+
0% {
|
|
4355
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
|
4356
|
+
-ms-transform: translate3d(0, -100%, 0);
|
|
4357
|
+
transform: translate3d(0, -100%, 0);
|
|
4358
|
+
visibility: visible;
|
|
4359
|
+
}
|
|
4360
|
+
|
|
4361
|
+
100% {
|
|
4362
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4363
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
4364
|
+
transform: translate3d(0, 0, 0);
|
|
4365
|
+
}
|
|
4366
|
+
}
|
|
4367
|
+
|
|
4368
|
+
.slideInDown {
|
|
4369
|
+
-webkit-animation-name: slideInDown;
|
|
4370
|
+
animation-name: slideInDown;
|
|
4371
|
+
}
|
|
4372
|
+
|
|
4373
|
+
/*
|
|
4374
|
+
*@name slideInLeft
|
|
4375
|
+
*@className slideInLeft animated
|
|
4376
|
+
*@cssCode true
|
|
4377
|
+
*@editionLink codepen.io
|
|
4378
|
+
*@author Dan Eden
|
|
4379
|
+
*@source Animate.css
|
|
4380
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4381
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4382
|
+
*@license MIT
|
|
4383
|
+
*/
|
|
4384
|
+
|
|
4385
|
+
@-webkit-keyframes slideInLeft {
|
|
4386
|
+
0% {
|
|
4387
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
|
4388
|
+
transform: translate3d(-100%, 0, 0);
|
|
4389
|
+
visibility: visible;
|
|
4390
|
+
}
|
|
4391
|
+
|
|
4392
|
+
100% {
|
|
4393
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4394
|
+
transform: translate3d(0, 0, 0);
|
|
4395
|
+
}
|
|
4396
|
+
}
|
|
4397
|
+
|
|
4398
|
+
@keyframes slideInLeft {
|
|
4399
|
+
0% {
|
|
4400
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
|
4401
|
+
-ms-transform: translate3d(-100%, 0, 0);
|
|
4402
|
+
transform: translate3d(-100%, 0, 0);
|
|
4403
|
+
visibility: visible;
|
|
4404
|
+
}
|
|
4405
|
+
|
|
4406
|
+
100% {
|
|
4407
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4408
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
4409
|
+
transform: translate3d(0, 0, 0);
|
|
4410
|
+
}
|
|
4411
|
+
}
|
|
4412
|
+
|
|
4413
|
+
.slideInLeft {
|
|
4414
|
+
-webkit-animation-name: slideInLeft;
|
|
4415
|
+
animation-name: slideInLeft;
|
|
4416
|
+
}
|
|
4417
|
+
|
|
4418
|
+
/*
|
|
4419
|
+
*@name slideInRight
|
|
4420
|
+
*@className slideInRight animated
|
|
4421
|
+
*@cssCode true
|
|
4422
|
+
*@editionLink codepen.io
|
|
4423
|
+
*@author Dan Eden
|
|
4424
|
+
*@source Animate.css
|
|
4425
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4426
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4427
|
+
*@license MIT
|
|
4428
|
+
*/
|
|
4429
|
+
|
|
4430
|
+
@-webkit-keyframes slideInRight {
|
|
4431
|
+
0% {
|
|
4432
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
|
4433
|
+
transform: translate3d(100%, 0, 0);
|
|
4434
|
+
visibility: visible;
|
|
4435
|
+
}
|
|
4436
|
+
|
|
4437
|
+
100% {
|
|
4438
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4439
|
+
transform: translate3d(0, 0, 0);
|
|
4440
|
+
}
|
|
4441
|
+
}
|
|
4442
|
+
|
|
4443
|
+
@keyframes slideInRight {
|
|
4444
|
+
0% {
|
|
4445
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
|
4446
|
+
-ms-transform: translate3d(100%, 0, 0);
|
|
4447
|
+
transform: translate3d(100%, 0, 0);
|
|
4448
|
+
visibility: visible;
|
|
4449
|
+
}
|
|
4450
|
+
|
|
4451
|
+
100% {
|
|
4452
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4453
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
4454
|
+
transform: translate3d(0, 0, 0);
|
|
4455
|
+
}
|
|
4456
|
+
}
|
|
4457
|
+
|
|
4458
|
+
.slideInRight {
|
|
4459
|
+
-webkit-animation-name: slideInRight;
|
|
4460
|
+
animation-name: slideInRight;
|
|
4461
|
+
}
|
|
4462
|
+
|
|
4463
|
+
/*
|
|
4464
|
+
*@name slideInUp
|
|
4465
|
+
*@className slideInUp animated
|
|
4466
|
+
*@cssCode true
|
|
4467
|
+
*@editionLink codepen.io
|
|
4468
|
+
*@author Dan Eden
|
|
4469
|
+
*@source Animate.css
|
|
4470
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4471
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4472
|
+
*@license MIT
|
|
4473
|
+
*/
|
|
4474
|
+
|
|
4475
|
+
@-webkit-keyframes slideInUp {
|
|
4476
|
+
0% {
|
|
4477
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
4478
|
+
transform: translate3d(0, 100%, 0);
|
|
4479
|
+
visibility: visible;
|
|
4480
|
+
}
|
|
4481
|
+
|
|
4482
|
+
100% {
|
|
4483
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4484
|
+
transform: translate3d(0, 0, 0);
|
|
4485
|
+
}
|
|
4486
|
+
}
|
|
4487
|
+
|
|
4488
|
+
@keyframes slideInUp {
|
|
4489
|
+
0% {
|
|
4490
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
4491
|
+
-ms-transform: translate3d(0, 100%, 0);
|
|
4492
|
+
transform: translate3d(0, 100%, 0);
|
|
4493
|
+
visibility: visible;
|
|
4494
|
+
}
|
|
4495
|
+
|
|
4496
|
+
100% {
|
|
4497
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4498
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
4499
|
+
transform: translate3d(0, 0, 0);
|
|
4500
|
+
}
|
|
4501
|
+
}
|
|
4502
|
+
|
|
4503
|
+
.slideInUp {
|
|
4504
|
+
-webkit-animation-name: slideInUp;
|
|
4505
|
+
animation-name: slideInUp;
|
|
4506
|
+
}
|
|
4507
|
+
|
|
4508
|
+
/*
|
|
4509
|
+
*@name slideOutDown
|
|
4510
|
+
*@className slideOutDown animated
|
|
4511
|
+
*@cssCode true
|
|
4512
|
+
*@editionLink codepen.io
|
|
4513
|
+
*@author Dan Eden
|
|
4514
|
+
*@source Animate.css
|
|
4515
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4516
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4517
|
+
*@license MIT
|
|
4518
|
+
*/
|
|
4519
|
+
|
|
4520
|
+
@-webkit-keyframes slideOutDown {
|
|
4521
|
+
0% {
|
|
4522
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4523
|
+
transform: translate3d(0, 0, 0);
|
|
4524
|
+
}
|
|
4525
|
+
|
|
4526
|
+
100% {
|
|
4527
|
+
visibility: hidden;
|
|
4528
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
4529
|
+
transform: translate3d(0, 100%, 0);
|
|
4530
|
+
}
|
|
4531
|
+
}
|
|
4532
|
+
|
|
4533
|
+
@keyframes slideOutDown {
|
|
4534
|
+
0% {
|
|
4535
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4536
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
4537
|
+
transform: translate3d(0, 0, 0);
|
|
4538
|
+
}
|
|
4539
|
+
|
|
4540
|
+
100% {
|
|
4541
|
+
visibility: hidden;
|
|
4542
|
+
-webkit-transform: translate3d(0, 100%, 0);
|
|
4543
|
+
-ms-transform: translate3d(0, 100%, 0);
|
|
4544
|
+
transform: translate3d(0, 100%, 0);
|
|
4545
|
+
}
|
|
4546
|
+
}
|
|
4547
|
+
|
|
4548
|
+
.slideOutDown {
|
|
4549
|
+
-webkit-animation-name: slideOutDown;
|
|
4550
|
+
animation-name: slideOutDown;
|
|
4551
|
+
}
|
|
4552
|
+
|
|
4553
|
+
/*
|
|
4554
|
+
*@name slideOutLeft
|
|
4555
|
+
*@className slideOutLeft animated
|
|
4556
|
+
*@cssCode true
|
|
4557
|
+
*@editionLink codepen.io
|
|
4558
|
+
*@author Dan Eden
|
|
4559
|
+
*@source Animate.css
|
|
4560
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4561
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4562
|
+
*@license MIT
|
|
4563
|
+
*/
|
|
4564
|
+
|
|
4565
|
+
@-webkit-keyframes slideOutLeft {
|
|
4566
|
+
0% {
|
|
4567
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4568
|
+
transform: translate3d(0, 0, 0);
|
|
4569
|
+
}
|
|
4570
|
+
|
|
4571
|
+
100% {
|
|
4572
|
+
visibility: hidden;
|
|
4573
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
|
4574
|
+
transform: translate3d(-100%, 0, 0);
|
|
4575
|
+
}
|
|
4576
|
+
}
|
|
4577
|
+
|
|
4578
|
+
@keyframes slideOutLeft {
|
|
4579
|
+
0% {
|
|
4580
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4581
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
4582
|
+
transform: translate3d(0, 0, 0);
|
|
4583
|
+
}
|
|
4584
|
+
|
|
4585
|
+
100% {
|
|
4586
|
+
visibility: hidden;
|
|
4587
|
+
-webkit-transform: translate3d(-100%, 0, 0);
|
|
4588
|
+
-ms-transform: translate3d(-100%, 0, 0);
|
|
4589
|
+
transform: translate3d(-100%, 0, 0);
|
|
4590
|
+
}
|
|
4591
|
+
}
|
|
4592
|
+
|
|
4593
|
+
.slideOutLeft {
|
|
4594
|
+
-webkit-animation-name: slideOutLeft;
|
|
4595
|
+
animation-name: slideOutLeft;
|
|
4596
|
+
}
|
|
4597
|
+
|
|
4598
|
+
/*
|
|
4599
|
+
*@name slideOutRight
|
|
4600
|
+
*@className slideOutRight animated
|
|
4601
|
+
*@cssCode true
|
|
4602
|
+
*@editionLink codepen.io
|
|
4603
|
+
*@author Dan Eden
|
|
4604
|
+
*@source Animate.css
|
|
4605
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4606
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4607
|
+
*@license MIT
|
|
4608
|
+
*/
|
|
4609
|
+
|
|
4610
|
+
@-webkit-keyframes slideOutRight {
|
|
4611
|
+
0% {
|
|
4612
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4613
|
+
transform: translate3d(0, 0, 0);
|
|
4614
|
+
}
|
|
4615
|
+
|
|
4616
|
+
100% {
|
|
4617
|
+
visibility: hidden;
|
|
4618
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
|
4619
|
+
transform: translate3d(100%, 0, 0);
|
|
4620
|
+
}
|
|
4621
|
+
}
|
|
4622
|
+
|
|
4623
|
+
@keyframes slideOutRight {
|
|
4624
|
+
0% {
|
|
4625
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4626
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
4627
|
+
transform: translate3d(0, 0, 0);
|
|
4628
|
+
}
|
|
4629
|
+
|
|
4630
|
+
100% {
|
|
4631
|
+
visibility: hidden;
|
|
4632
|
+
-webkit-transform: translate3d(100%, 0, 0);
|
|
4633
|
+
-ms-transform: translate3d(100%, 0, 0);
|
|
4634
|
+
transform: translate3d(100%, 0, 0);
|
|
4635
|
+
}
|
|
4636
|
+
}
|
|
4637
|
+
|
|
4638
|
+
.slideOutRight {
|
|
4639
|
+
-webkit-animation-name: slideOutRight;
|
|
4640
|
+
animation-name: slideOutRight;
|
|
4641
|
+
}
|
|
4642
|
+
|
|
4643
|
+
/*
|
|
4644
|
+
*@name slideOutUp
|
|
4645
|
+
*@className slideOutUp animated
|
|
4646
|
+
*@cssCode true
|
|
4647
|
+
*@editionLink codepen.io
|
|
4648
|
+
*@author Dan Eden
|
|
4649
|
+
*@source Animate.css
|
|
4650
|
+
*@sourceUrl http://daneden.github.io/animate.css/
|
|
4651
|
+
*@issues https://github.com/daneden/animate.css/issues
|
|
4652
|
+
*@license MIT
|
|
4653
|
+
*/
|
|
4654
|
+
|
|
4655
|
+
@-webkit-keyframes slideOutUp {
|
|
4656
|
+
0% {
|
|
4657
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4658
|
+
transform: translate3d(0, 0, 0);
|
|
4659
|
+
}
|
|
4660
|
+
|
|
4661
|
+
100% {
|
|
4662
|
+
visibility: hidden;
|
|
4663
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
|
4664
|
+
transform: translate3d(0, -100%, 0);
|
|
4665
|
+
}
|
|
4666
|
+
}
|
|
4667
|
+
|
|
4668
|
+
@keyframes slideOutUp {
|
|
4669
|
+
0% {
|
|
4670
|
+
-webkit-transform: translate3d(0, 0, 0);
|
|
4671
|
+
-ms-transform: translate3d(0, 0, 0);
|
|
4672
|
+
transform: translate3d(0, 0, 0);
|
|
4673
|
+
}
|
|
4674
|
+
|
|
4675
|
+
100% {
|
|
4676
|
+
visibility: hidden;
|
|
4677
|
+
-webkit-transform: translate3d(0, -100%, 0);
|
|
4678
|
+
-ms-transform: translate3d(0, -100%, 0);
|
|
4679
|
+
transform: translate3d(0, -100%, 0);
|
|
4680
|
+
}
|
|
4681
|
+
}
|
|
4682
|
+
|
|
4683
|
+
.slideOutUp {
|
|
4684
|
+
-webkit-animation-name: slideOutUp;
|
|
4685
|
+
animation-name: slideOutUp;
|
|
4686
|
+
}
|