Post and Page Builder by BoldGrid – Visual Drag and Drop Editor - Version 1.8.0-rc.4

Version Description

Download this release

Release Info

Developer rramo012
Plugin Icon 128x128 Post and Page Builder by BoldGrid – Visual Drag and Drop Editor
Version 1.8.0-rc.4
Comparing to
See all releases

Code changes from version 1.8.0-rc.3 to 1.8.0-rc.4

Files changed (33) hide show
  1. assets/css/animate.css +2232 -995
  2. assets/css/animate.min.css +11 -1
  3. assets/css/bundle.min.css +2 -2
  4. assets/css/editor.min.css +2 -2
  5. assets/css/mce-fe.css +1 -2387
  6. assets/css/mce-fe.min.css +1 -1
  7. assets/scss/animate.scss +0 -1
  8. assets/scss/mce-fe.scss +1 -1
  9. includes/class-boldgrid-editor-assets.php +2 -2
  10. includes/class-boldgrid-editor-theme.php +25 -0
  11. includes/class-boldgrid-editor.php +2 -0
  12. post-and-page-builder.php +1 -1
  13. support/wpforms/assets/js/shortcode.js +1 -1
  14. vendor/autoload.php +1 -1
  15. vendor/boldgrid/library/README.md +8 -0
  16. vendor/boldgrid/library/package.json +2 -2
  17. vendor/boldgrid/library/src/Library/License.php +16 -5
  18. vendor/boldgrid/library/src/Library/Menu/Reseller.php +5 -5
  19. vendor/boldgrid/library/src/Library/Notice/KeyPrompt.php +16 -1
  20. vendor/boldgrid/library/src/Library/Page/Connect.php +35 -4
  21. vendor/boldgrid/library/src/Library/Views/EnvatoFreeKey.php +3 -3
  22. vendor/boldgrid/library/src/Library/Views/KeyPrompt.php +5 -5
  23. vendor/boldgrid/library/src/Library/Views/KeyPromptMini.php +73 -0
  24. vendor/boldgrid/library/src/assets/css/api-notice.css +34 -0
  25. vendor/boldgrid/library/src/assets/js/api-notice.js +107 -68
  26. vendor/boldgrid/library/src/assets/js/connect.js +3 -3
  27. vendor/boldgrid/library/src/assets/js/license.js +6 -8
  28. vendor/boldgrid/library/src/assets/js/notice.js +4 -5
  29. vendor/boldgrid/library/src/assets/js/sticky.js +306 -276
  30. vendor/boldgrid/library/src/assets/js/ui.js +3 -3
  31. vendor/composer/autoload_real.php +4 -4
  32. vendor/composer/autoload_static.php +3 -3
  33. vendor/composer/installed.json +6 -6
assets/css/animate.css CHANGED
@@ -1,2085 +1,3148 @@
1
/*!
2
* animate.css -http://daneden.me/animate
3
- * Version - 3.5.1
4
* Licensed under the MIT license - http://opensource.org/licenses/MIT
5
*
6
- * Copyright (c) 2016 Daniel Eden
7
*/
8
- .animated {
9
- -webkit-animation-duration: 1s;
10
- animation-duration: 1s;
11
- -webkit-animation-fill-mode: both;
12
- animation-fill-mode: both; }
13
-
14
- .animated.infinite {
15
- -webkit-animation-iteration-count: infinite;
16
- animation-iteration-count: infinite; }
17
-
18
- .animated.hinge {
19
- -webkit-animation-duration: 2s;
20
- animation-duration: 2s; }
21
-
22
- .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
23
- -webkit-animation-duration: .75s;
24
- animation-duration: .75s; }
25
26
@-webkit-keyframes bounce {
27
- 0%, 20%, 53%, 80%, to {
28
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
29
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
30
- -webkit-transform: translateZ(0);
31
- transform: translateZ(0); }
32
- 40%, 43% {
33
- -webkit-transform: translate3d(0, -30px, 0);
34
- transform: translate3d(0, -30px, 0); }
35
- 40%, 43%, 70% {
36
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
37
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
38
70% {
39
-webkit-transform: translate3d(0, -15px, 0);
40
- transform: translate3d(0, -15px, 0); }
41
90% {
42
-webkit-transform: translate3d(0, -4px, 0);
43
- transform: translate3d(0, -4px, 0); } }
44
45
@keyframes bounce {
46
- 0%, 20%, 53%, 80%, to {
47
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
48
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
49
- -webkit-transform: translateZ(0);
50
- transform: translateZ(0); }
51
- 40%, 43% {
52
- -webkit-transform: translate3d(0, -30px, 0);
53
- transform: translate3d(0, -30px, 0); }
54
- 40%, 43%, 70% {
55
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
56
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
57
70% {
58
-webkit-transform: translate3d(0, -15px, 0);
59
- transform: translate3d(0, -15px, 0); }
60
90% {
61
-webkit-transform: translate3d(0, -4px, 0);
62
- transform: translate3d(0, -4px, 0); } }
63
64
.bounce {
65
-webkit-animation-name: bounce;
66
animation-name: bounce;
67
-webkit-transform-origin: center bottom;
68
- transform-origin: center bottom; }
69
70
@-webkit-keyframes flash {
71
- 0%, 50%, to {
72
- opacity: 1; }
73
- 25%, 75% {
74
- opacity: 0; } }
75
76
@keyframes flash {
77
- 0%, 50%, to {
78
- opacity: 1; }
79
- 25%, 75% {
80
- opacity: 0; } }
81
82
.flash {
83
-webkit-animation-name: flash;
84
- animation-name: flash; }
85
86
@-webkit-keyframes pulse {
87
- 0% {
88
- -webkit-transform: scaleX(1);
89
- transform: scaleX(1); }
90
50% {
91
-webkit-transform: scale3d(1.05, 1.05, 1.05);
92
- transform: scale3d(1.05, 1.05, 1.05); }
93
to {
94
- -webkit-transform: scaleX(1);
95
- transform: scaleX(1); } }
96
97
@keyframes pulse {
98
- 0% {
99
- -webkit-transform: scaleX(1);
100
- transform: scaleX(1); }
101
50% {
102
-webkit-transform: scale3d(1.05, 1.05, 1.05);
103
- transform: scale3d(1.05, 1.05, 1.05); }
104
to {
105
- -webkit-transform: scaleX(1);
106
- transform: scaleX(1); } }
107
108
.pulse {
109
-webkit-animation-name: pulse;
110
- animation-name: pulse; }
111
112
@-webkit-keyframes rubberBand {
113
- 0% {
114
- -webkit-transform: scaleX(1);
115
- transform: scaleX(1); }
116
30% {
117
-webkit-transform: scale3d(1.25, 0.75, 1);
118
- transform: scale3d(1.25, 0.75, 1); }
119
40% {
120
-webkit-transform: scale3d(0.75, 1.25, 1);
121
- transform: scale3d(0.75, 1.25, 1); }
122
50% {
123
-webkit-transform: scale3d(1.15, 0.85, 1);
124
- transform: scale3d(1.15, 0.85, 1); }
125
65% {
126
-webkit-transform: scale3d(0.95, 1.05, 1);
127
- transform: scale3d(0.95, 1.05, 1); }
128
75% {
129
-webkit-transform: scale3d(1.05, 0.95, 1);
130
- transform: scale3d(1.05, 0.95, 1); }
131
to {
132
- -webkit-transform: scaleX(1);
133
- transform: scaleX(1); } }
134
135
@keyframes rubberBand {
136
- 0% {
137
- -webkit-transform: scaleX(1);
138
- transform: scaleX(1); }
139
30% {
140
-webkit-transform: scale3d(1.25, 0.75, 1);
141
- transform: scale3d(1.25, 0.75, 1); }
142
40% {
143
-webkit-transform: scale3d(0.75, 1.25, 1);
144
- transform: scale3d(0.75, 1.25, 1); }
145
50% {
146
-webkit-transform: scale3d(1.15, 0.85, 1);
147
- transform: scale3d(1.15, 0.85, 1); }
148
65% {
149
-webkit-transform: scale3d(0.95, 1.05, 1);
150
- transform: scale3d(0.95, 1.05, 1); }
151
75% {
152
-webkit-transform: scale3d(1.05, 0.95, 1);
153
- transform: scale3d(1.05, 0.95, 1); }
154
to {
155
- -webkit-transform: scaleX(1);
156
- transform: scaleX(1); } }
157
158
.rubberBand {
159
-webkit-animation-name: rubberBand;
160
- animation-name: rubberBand; }
161
162
@-webkit-keyframes shake {
163
- 0%, to {
164
- -webkit-transform: translateZ(0);
165
- transform: translateZ(0); }
166
- 10%, 30%, 50%, 70%, 90% {
167
-webkit-transform: translate3d(-10px, 0, 0);
168
- transform: translate3d(-10px, 0, 0); }
169
- 20%, 40%, 60%, 80% {
170
-webkit-transform: translate3d(10px, 0, 0);
171
- transform: translate3d(10px, 0, 0); } }
172
173
@keyframes shake {
174
- 0%, to {
175
- -webkit-transform: translateZ(0);
176
- transform: translateZ(0); }
177
- 10%, 30%, 50%, 70%, 90% {
178
-webkit-transform: translate3d(-10px, 0, 0);
179
- transform: translate3d(-10px, 0, 0); }
180
- 20%, 40%, 60%, 80% {
181
-webkit-transform: translate3d(10px, 0, 0);
182
- transform: translate3d(10px, 0, 0); } }
183
184
.shake {
185
-webkit-animation-name: shake;
186
- animation-name: shake; }
187
188
@-webkit-keyframes headShake {
189
0% {
190
-webkit-transform: translateX(0);
191
- transform: translateX(0); }
192
6.5% {
193
-webkit-transform: translateX(-6px) rotateY(-9deg);
194
- transform: translateX(-6px) rotateY(-9deg); }
195
18.5% {
196
-webkit-transform: translateX(5px) rotateY(7deg);
197
- transform: translateX(5px) rotateY(7deg); }
198
31.5% {
199
-webkit-transform: translateX(-3px) rotateY(-5deg);
200
- transform: translateX(-3px) rotateY(-5deg); }
201
43.5% {
202
-webkit-transform: translateX(2px) rotateY(3deg);
203
- transform: translateX(2px) rotateY(3deg); }
204
50% {
205
-webkit-transform: translateX(0);
206
- transform: translateX(0); } }
207
208
@keyframes headShake {
209
0% {
210
-webkit-transform: translateX(0);
211
- transform: translateX(0); }
212
6.5% {
213
-webkit-transform: translateX(-6px) rotateY(-9deg);
214
- transform: translateX(-6px) rotateY(-9deg); }
215
18.5% {
216
-webkit-transform: translateX(5px) rotateY(7deg);
217
- transform: translateX(5px) rotateY(7deg); }
218
31.5% {
219
-webkit-transform: translateX(-3px) rotateY(-5deg);
220
- transform: translateX(-3px) rotateY(-5deg); }
221
43.5% {
222
-webkit-transform: translateX(2px) rotateY(3deg);
223
- transform: translateX(2px) rotateY(3deg); }
224
50% {
225
-webkit-transform: translateX(0);
226
- transform: translateX(0); } }
227
228
.headShake {
229
-webkit-animation-timing-function: ease-in-out;
230
animation-timing-function: ease-in-out;
231
-webkit-animation-name: headShake;
232
- animation-name: headShake; }
233
234
@-webkit-keyframes swing {
235
20% {
236
- -webkit-transform: rotate(15deg);
237
- transform: rotate(15deg); }
238
40% {
239
- -webkit-transform: rotate(-10deg);
240
- transform: rotate(-10deg); }
241
60% {
242
- -webkit-transform: rotate(5deg);
243
- transform: rotate(5deg); }
244
80% {
245
- -webkit-transform: rotate(-5deg);
246
- transform: rotate(-5deg); }
247
to {
248
- -webkit-transform: rotate(0deg);
249
- transform: rotate(0deg); } }
250
251
@keyframes swing {
252
20% {
253
- -webkit-transform: rotate(15deg);
254
- transform: rotate(15deg); }
255
40% {
256
- -webkit-transform: rotate(-10deg);
257
- transform: rotate(-10deg); }
258
60% {
259
- -webkit-transform: rotate(5deg);
260
- transform: rotate(5deg); }
261
80% {
262
- -webkit-transform: rotate(-5deg);
263
- transform: rotate(-5deg); }
264
to {
265
- -webkit-transform: rotate(0deg);
266
- transform: rotate(0deg); } }
267
268
.swing {
269
-webkit-transform-origin: top center;
270
transform-origin: top center;
271
-webkit-animation-name: swing;
272
- animation-name: swing; }
273
274
@-webkit-keyframes tada {
275
- 0% {
276
- -webkit-transform: scaleX(1);
277
- transform: scaleX(1); }
278
- 10%, 20% {
279
- -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
280
- transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
281
- 30%, 50%, 70%, 90% {
282
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
283
- transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
284
- 40%, 60%, 80% {
285
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
286
- transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
287
- to {
288
- -webkit-transform: scaleX(1);
289
- transform: scaleX(1); } }
290
291
@keyframes tada {
292
- 0% {
293
- -webkit-transform: scaleX(1);
294
- transform: scaleX(1); }
295
- 10%, 20% {
296
- -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
297
- transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
298
- 30%, 50%, 70%, 90% {
299
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
300
- transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
301
- 40%, 60%, 80% {
302
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
303
- transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
304
- to {
305
- -webkit-transform: scaleX(1);
306
- transform: scaleX(1); } }
307
308
.tada {
309
-webkit-animation-name: tada;
310
- animation-name: tada; }
311
312
@-webkit-keyframes wobble {
313
- 0% {
314
- -webkit-transform: none;
315
- transform: none; }
316
15% {
317
- -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
318
- transform: translate3d(-25%, 0, 0) rotate(-5deg); }
319
30% {
320
- -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
321
- transform: translate3d(20%, 0, 0) rotate(3deg); }
322
45% {
323
- -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
324
- transform: translate3d(-15%, 0, 0) rotate(-3deg); }
325
60% {
326
- -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
327
- transform: translate3d(10%, 0, 0) rotate(2deg); }
328
75% {
329
- -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
330
- transform: translate3d(-5%, 0, 0) rotate(-1deg); }
331
to {
332
- -webkit-transform: none;
333
- transform: none; } }
334
335
@keyframes wobble {
336
- 0% {
337
- -webkit-transform: none;
338
- transform: none; }
339
15% {
340
- -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
341
- transform: translate3d(-25%, 0, 0) rotate(-5deg); }
342
30% {
343
- -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
344
- transform: translate3d(20%, 0, 0) rotate(3deg); }
345
45% {
346
- -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
347
- transform: translate3d(-15%, 0, 0) rotate(-3deg); }
348
60% {
349
- -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
350
- transform: translate3d(10%, 0, 0) rotate(2deg); }
351
75% {
352
- -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
353
- transform: translate3d(-5%, 0, 0) rotate(-1deg); }
354
to {
355
- -webkit-transform: none;
356
- transform: none; } }
357
358
.wobble {
359
-webkit-animation-name: wobble;
360
- animation-name: wobble; }
361
362
@-webkit-keyframes jello {
363
- 0%, 11.1%, to {
364
- -webkit-transform: none;
365
- transform: none; }
366
22.2% {
367
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
368
- transform: skewX(-12.5deg) skewY(-12.5deg); }
369
33.3% {
370
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
371
- transform: skewX(6.25deg) skewY(6.25deg); }
372
44.4% {
373
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
374
- transform: skewX(-3.125deg) skewY(-3.125deg); }
375
55.5% {
376
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
377
- transform: skewX(1.5625deg) skewY(1.5625deg); }
378
66.6% {
379
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
380
- transform: skewX(-0.78125deg) skewY(-0.78125deg); }
381
77.7% {
382
- -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
383
- transform: skewX(0.39062deg) skewY(0.39062deg); }
384
88.8% {
385
- -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
386
- transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
387
388
@keyframes jello {
389
- 0%, 11.1%, to {
390
- -webkit-transform: none;
391
- transform: none; }
392
22.2% {
393
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
394
- transform: skewX(-12.5deg) skewY(-12.5deg); }
395
33.3% {
396
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
397
- transform: skewX(6.25deg) skewY(6.25deg); }
398
44.4% {
399
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
400
- transform: skewX(-3.125deg) skewY(-3.125deg); }
401
55.5% {
402
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
403
- transform: skewX(1.5625deg) skewY(1.5625deg); }
404
66.6% {
405
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
406
- transform: skewX(-0.78125deg) skewY(-0.78125deg); }
407
77.7% {
408
- -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
409
- transform: skewX(0.39062deg) skewY(0.39062deg); }
410
88.8% {
411
- -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
412
- transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
413
414
.jello {
415
-webkit-animation-name: jello;
416
animation-name: jello;
417
-webkit-transform-origin: center;
418
- transform-origin: center; }
419
420
@-webkit-keyframes bounceIn {
421
- 0%, 20%, 40%, 60%, 80%, to {
422
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
423
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
424
0% {
425
opacity: 0;
426
-webkit-transform: scale3d(0.3, 0.3, 0.3);
427
- transform: scale3d(0.3, 0.3, 0.3); }
428
20% {
429
-webkit-transform: scale3d(1.1, 1.1, 1.1);
430
- transform: scale3d(1.1, 1.1, 1.1); }
431
40% {
432
-webkit-transform: scale3d(0.9, 0.9, 0.9);
433
- transform: scale3d(0.9, 0.9, 0.9); }
434
60% {
435
opacity: 1;
436
-webkit-transform: scale3d(1.03, 1.03, 1.03);
437
- transform: scale3d(1.03, 1.03, 1.03); }
438
80% {
439
-webkit-transform: scale3d(0.97, 0.97, 0.97);
440
- transform: scale3d(0.97, 0.97, 0.97); }
441
to {
442
opacity: 1;
443
- -webkit-transform: scaleX(1);
444
- transform: scaleX(1); } }
445
446
@keyframes bounceIn {
447
- 0%, 20%, 40%, 60%, 80%, to {
448
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
449
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
450
0% {
451
opacity: 0;
452
-webkit-transform: scale3d(0.3, 0.3, 0.3);
453
- transform: scale3d(0.3, 0.3, 0.3); }
454
20% {
455
-webkit-transform: scale3d(1.1, 1.1, 1.1);
456
- transform: scale3d(1.1, 1.1, 1.1); }
457
40% {
458
-webkit-transform: scale3d(0.9, 0.9, 0.9);
459
- transform: scale3d(0.9, 0.9, 0.9); }
460
60% {
461
opacity: 1;
462
-webkit-transform: scale3d(1.03, 1.03, 1.03);
463
- transform: scale3d(1.03, 1.03, 1.03); }
464
80% {
465
-webkit-transform: scale3d(0.97, 0.97, 0.97);
466
- transform: scale3d(0.97, 0.97, 0.97); }
467
to {
468
opacity: 1;
469
- -webkit-transform: scaleX(1);
470
- transform: scaleX(1); } }
471
472
.bounceIn {
473
-webkit-animation-name: bounceIn;
474
- animation-name: bounceIn; }
475
476
@-webkit-keyframes bounceInDown {
477
- 0%, 60%, 75%, 90%, to {
478
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
479
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
480
0% {
481
opacity: 0;
482
-webkit-transform: translate3d(0, -3000px, 0);
483
- transform: translate3d(0, -3000px, 0); }
484
60% {
485
opacity: 1;
486
-webkit-transform: translate3d(0, 25px, 0);
487
- transform: translate3d(0, 25px, 0); }
488
75% {
489
-webkit-transform: translate3d(0, -10px, 0);
490
- transform: translate3d(0, -10px, 0); }
491
90% {
492
-webkit-transform: translate3d(0, 5px, 0);
493
- transform: translate3d(0, 5px, 0); }
494
to {
495
- -webkit-transform: none;
496
- transform: none; } }
497
498
@keyframes bounceInDown {
499
- 0%, 60%, 75%, 90%, to {
500
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
501
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
502
0% {
503
opacity: 0;
504
-webkit-transform: translate3d(0, -3000px, 0);
505
- transform: translate3d(0, -3000px, 0); }
506
60% {
507
opacity: 1;
508
-webkit-transform: translate3d(0, 25px, 0);
509
- transform: translate3d(0, 25px, 0); }
510
75% {
511
-webkit-transform: translate3d(0, -10px, 0);
512
- transform: translate3d(0, -10px, 0); }
513
90% {
514
-webkit-transform: translate3d(0, 5px, 0);
515
- transform: translate3d(0, 5px, 0); }
516
to {
517
- -webkit-transform: none;
518
- transform: none; } }
519
520
.bounceInDown {
521
-webkit-animation-name: bounceInDown;
522
- animation-name: bounceInDown; }
523
524
@-webkit-keyframes bounceInLeft {
525
- 0%, 60%, 75%, 90%, to {
526
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
527
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
528
0% {
529
opacity: 0;
530
-webkit-transform: translate3d(-3000px, 0, 0);
531
- transform: translate3d(-3000px, 0, 0); }
532
60% {
533
opacity: 1;
534
-webkit-transform: translate3d(25px, 0, 0);
535
- transform: translate3d(25px, 0, 0); }
536
75% {
537
-webkit-transform: translate3d(-10px, 0, 0);
538
- transform: translate3d(-10px, 0, 0); }
539
90% {
540
-webkit-transform: translate3d(5px, 0, 0);
541
- transform: translate3d(5px, 0, 0); }
542
to {
543
- -webkit-transform: none;
544
- transform: none; } }
545
546
@keyframes bounceInLeft {
547
- 0%, 60%, 75%, 90%, to {
548
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
549
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
550
0% {
551
opacity: 0;
552
-webkit-transform: translate3d(-3000px, 0, 0);
553
- transform: translate3d(-3000px, 0, 0); }
554
60% {
555
opacity: 1;
556
-webkit-transform: translate3d(25px, 0, 0);
557
- transform: translate3d(25px, 0, 0); }
558
75% {
559
-webkit-transform: translate3d(-10px, 0, 0);
560
- transform: translate3d(-10px, 0, 0); }
561
90% {
562
-webkit-transform: translate3d(5px, 0, 0);
563
- transform: translate3d(5px, 0, 0); }
564
to {
565
- -webkit-transform: none;
566
- transform: none; } }
567
568
.bounceInLeft {
569
-webkit-animation-name: bounceInLeft;
570
- animation-name: bounceInLeft; }
571
572
@-webkit-keyframes bounceInRight {
573
- 0%, 60%, 75%, 90%, to {
574
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
575
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
576
- 0% {
577
opacity: 0;
578
-webkit-transform: translate3d(3000px, 0, 0);
579
- transform: translate3d(3000px, 0, 0); }
580
60% {
581
opacity: 1;
582
-webkit-transform: translate3d(-25px, 0, 0);
583
- transform: translate3d(-25px, 0, 0); }
584
75% {
585
-webkit-transform: translate3d(10px, 0, 0);
586
- transform: translate3d(10px, 0, 0); }
587
90% {
588
-webkit-transform: translate3d(-5px, 0, 0);
589
- transform: translate3d(-5px, 0, 0); }
590
to {
591
- -webkit-transform: none;
592
- transform: none; } }
593
594
@keyframes bounceInRight {
595
- 0%, 60%, 75%, 90%, to {
596
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
597
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
598
- 0% {
599
opacity: 0;
600
-webkit-transform: translate3d(3000px, 0, 0);
601
- transform: translate3d(3000px, 0, 0); }
602
60% {
603
opacity: 1;
604
-webkit-transform: translate3d(-25px, 0, 0);
605
- transform: translate3d(-25px, 0, 0); }
606
75% {
607
-webkit-transform: translate3d(10px, 0, 0);
608
- transform: translate3d(10px, 0, 0); }
609
90% {
610
-webkit-transform: translate3d(-5px, 0, 0);
611
- transform: translate3d(-5px, 0, 0); }
612
to {
613
- -webkit-transform: none;
614
- transform: none; } }
615
616
.bounceInRight {
617
-webkit-animation-name: bounceInRight;
618
- animation-name: bounceInRight; }
619
620
@-webkit-keyframes bounceInUp {
621
- 0%, 60%, 75%, 90%, to {
622
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
623
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
624
- 0% {
625
opacity: 0;
626
-webkit-transform: translate3d(0, 3000px, 0);
627
- transform: translate3d(0, 3000px, 0); }
628
60% {
629
opacity: 1;
630
-webkit-transform: translate3d(0, -20px, 0);
631
- transform: translate3d(0, -20px, 0); }
632
75% {
633
-webkit-transform: translate3d(0, 10px, 0);
634
- transform: translate3d(0, 10px, 0); }
635
90% {
636
-webkit-transform: translate3d(0, -5px, 0);
637
- transform: translate3d(0, -5px, 0); }
638
to {
639
- -webkit-transform: translateZ(0);
640
- transform: translateZ(0); } }
641
642
@keyframes bounceInUp {
643
- 0%, 60%, 75%, 90%, to {
644
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
645
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
646
- 0% {
647
opacity: 0;
648
-webkit-transform: translate3d(0, 3000px, 0);
649
- transform: translate3d(0, 3000px, 0); }
650
60% {
651
opacity: 1;
652
-webkit-transform: translate3d(0, -20px, 0);
653
- transform: translate3d(0, -20px, 0); }
654
75% {
655
-webkit-transform: translate3d(0, 10px, 0);
656
- transform: translate3d(0, 10px, 0); }
657
90% {
658
-webkit-transform: translate3d(0, -5px, 0);
659
- transform: translate3d(0, -5px, 0); }
660
to {
661
- -webkit-transform: translateZ(0);
662
- transform: translateZ(0); } }
663
664
.bounceInUp {
665
-webkit-animation-name: bounceInUp;
666
- animation-name: bounceInUp; }
667
668
@-webkit-keyframes bounceOut {
669
20% {
670
-webkit-transform: scale3d(0.9, 0.9, 0.9);
671
- transform: scale3d(0.9, 0.9, 0.9); }
672
- 50%, 55% {
673
opacity: 1;
674
-webkit-transform: scale3d(1.1, 1.1, 1.1);
675
- transform: scale3d(1.1, 1.1, 1.1); }
676
to {
677
opacity: 0;
678
-webkit-transform: scale3d(0.3, 0.3, 0.3);
679
- transform: scale3d(0.3, 0.3, 0.3); } }
680
681
@keyframes bounceOut {
682
20% {
683
-webkit-transform: scale3d(0.9, 0.9, 0.9);
684
- transform: scale3d(0.9, 0.9, 0.9); }
685
- 50%, 55% {
686
opacity: 1;
687
-webkit-transform: scale3d(1.1, 1.1, 1.1);
688
- transform: scale3d(1.1, 1.1, 1.1); }
689
to {
690
opacity: 0;
691
-webkit-transform: scale3d(0.3, 0.3, 0.3);
692
- transform: scale3d(0.3, 0.3, 0.3); } }
693
694
.bounceOut {
695
-webkit-animation-name: bounceOut;
696
- animation-name: bounceOut; }
697
698
@-webkit-keyframes bounceOutDown {
699
20% {
700
-webkit-transform: translate3d(0, 10px, 0);
701
- transform: translate3d(0, 10px, 0); }
702
- 40%, 45% {
703
opacity: 1;
704
-webkit-transform: translate3d(0, -20px, 0);
705
- transform: translate3d(0, -20px, 0); }
706
to {
707
opacity: 0;
708
-webkit-transform: translate3d(0, 2000px, 0);
709
- transform: translate3d(0, 2000px, 0); } }
710
711
@keyframes bounceOutDown {
712
20% {
713
-webkit-transform: translate3d(0, 10px, 0);
714
- transform: translate3d(0, 10px, 0); }
715
- 40%, 45% {
716
opacity: 1;
717
-webkit-transform: translate3d(0, -20px, 0);
718
- transform: translate3d(0, -20px, 0); }
719
to {
720
opacity: 0;
721
-webkit-transform: translate3d(0, 2000px, 0);
722
- transform: translate3d(0, 2000px, 0); } }
723
724
.bounceOutDown {
725
-webkit-animation-name: bounceOutDown;
726
- animation-name: bounceOutDown; }
727
728
@-webkit-keyframes bounceOutLeft {
729
20% {
730
opacity: 1;
731
-webkit-transform: translate3d(20px, 0, 0);
732
- transform: translate3d(20px, 0, 0); }
733
to {
734
opacity: 0;
735
-webkit-transform: translate3d(-2000px, 0, 0);
736
- transform: translate3d(-2000px, 0, 0); } }
737
738
@keyframes bounceOutLeft {
739
20% {
740
opacity: 1;
741
-webkit-transform: translate3d(20px, 0, 0);
742
- transform: translate3d(20px, 0, 0); }
743
to {
744
opacity: 0;
745
-webkit-transform: translate3d(-2000px, 0, 0);
746
- transform: translate3d(-2000px, 0, 0); } }
747
748
.bounceOutLeft {
749
-webkit-animation-name: bounceOutLeft;
750
- animation-name: bounceOutLeft; }
751
752
@-webkit-keyframes bounceOutRight {
753
20% {
754
opacity: 1;
755
-webkit-transform: translate3d(-20px, 0, 0);
756
- transform: translate3d(-20px, 0, 0); }
757
to {
758
opacity: 0;
759
-webkit-transform: translate3d(2000px, 0, 0);
760
- transform: translate3d(2000px, 0, 0); } }
761
762
@keyframes bounceOutRight {
763
20% {
764
opacity: 1;
765
-webkit-transform: translate3d(-20px, 0, 0);
766
- transform: translate3d(-20px, 0, 0); }
767
to {
768
opacity: 0;
769
-webkit-transform: translate3d(2000px, 0, 0);
770
- transform: translate3d(2000px, 0, 0); } }
771
772
.bounceOutRight {
773
-webkit-animation-name: bounceOutRight;
774
- animation-name: bounceOutRight; }
775
776
@-webkit-keyframes bounceOutUp {
777
20% {
778
-webkit-transform: translate3d(0, -10px, 0);
779
- transform: translate3d(0, -10px, 0); }
780
- 40%, 45% {
781
opacity: 1;
782
-webkit-transform: translate3d(0, 20px, 0);
783
- transform: translate3d(0, 20px, 0); }
784
to {
785
opacity: 0;
786
-webkit-transform: translate3d(0, -2000px, 0);
787
- transform: translate3d(0, -2000px, 0); } }
788
789
@keyframes bounceOutUp {
790
20% {
791
-webkit-transform: translate3d(0, -10px, 0);
792
- transform: translate3d(0, -10px, 0); }
793
- 40%, 45% {
794
opacity: 1;
795
-webkit-transform: translate3d(0, 20px, 0);
796
- transform: translate3d(0, 20px, 0); }
797
to {
798
opacity: 0;
799
-webkit-transform: translate3d(0, -2000px, 0);
800
- transform: translate3d(0, -2000px, 0); } }
801
802
.bounceOutUp {
803
-webkit-animation-name: bounceOutUp;
804
- animation-name: bounceOutUp; }
805
806
@-webkit-keyframes fadeIn {
807
- 0% {
808
- opacity: 0; }
809
to {
810
- opacity: 1; } }
811
812
@keyframes fadeIn {
813
- 0% {
814
- opacity: 0; }
815
to {
816
- opacity: 1; } }
817
818
.fadeIn {
819
-webkit-animation-name: fadeIn;
820
- animation-name: fadeIn; }
821
822
@-webkit-keyframes fadeInDown {
823
- 0% {
824
opacity: 0;
825
-webkit-transform: translate3d(0, -100%, 0);
826
- transform: translate3d(0, -100%, 0); }
827
to {
828
opacity: 1;
829
- -webkit-transform: none;
830
- transform: none; } }
831
832
@keyframes fadeInDown {
833
- 0% {
834
opacity: 0;
835
-webkit-transform: translate3d(0, -100%, 0);
836
- transform: translate3d(0, -100%, 0); }
837
to {
838
opacity: 1;
839
- -webkit-transform: none;
840
- transform: none; } }
841
842
.fadeInDown {
843
-webkit-animation-name: fadeInDown;
844
- animation-name: fadeInDown; }
845
846
@-webkit-keyframes fadeInDownBig {
847
- 0% {
848
opacity: 0;
849
-webkit-transform: translate3d(0, -2000px, 0);
850
- transform: translate3d(0, -2000px, 0); }
851
to {
852
opacity: 1;
853
- -webkit-transform: none;
854
- transform: none; } }
855
856
@keyframes fadeInDownBig {
857
- 0% {
858
opacity: 0;
859
-webkit-transform: translate3d(0, -2000px, 0);
860
- transform: translate3d(0, -2000px, 0); }
861
to {
862
opacity: 1;
863
- -webkit-transform: none;
864
- transform: none; } }
865
866
.fadeInDownBig {
867
-webkit-animation-name: fadeInDownBig;
868
- animation-name: fadeInDownBig; }
869
870
@-webkit-keyframes fadeInLeft {
871
- 0% {
872
opacity: 0;
873
-webkit-transform: translate3d(-100%, 0, 0);
874
- transform: translate3d(-100%, 0, 0); }
875
to {
876
opacity: 1;
877
- -webkit-transform: none;
878
- transform: none; } }
879
880
@keyframes fadeInLeft {
881
- 0% {
882
opacity: 0;
883
-webkit-transform: translate3d(-100%, 0, 0);
884
- transform: translate3d(-100%, 0, 0); }
885
to {
886
opacity: 1;
887
- -webkit-transform: none;
888
- transform: none; } }
889
890
.fadeInLeft {
891
-webkit-animation-name: fadeInLeft;
892
- animation-name: fadeInLeft; }
893
894
@-webkit-keyframes fadeInLeftBig {
895
- 0% {
896
opacity: 0;
897
-webkit-transform: translate3d(-2000px, 0, 0);
898
- transform: translate3d(-2000px, 0, 0); }
899
to {
900
opacity: 1;
901
- -webkit-transform: none;
902
- transform: none; } }
903
904
@keyframes fadeInLeftBig {
905
- 0% {
906
opacity: 0;
907
-webkit-transform: translate3d(-2000px, 0, 0);
908
- transform: translate3d(-2000px, 0, 0); }
909
to {
910
opacity: 1;
911
- -webkit-transform: none;
912
- transform: none; } }
913
914
.fadeInLeftBig {
915
-webkit-animation-name: fadeInLeftBig;
916
- animation-name: fadeInLeftBig; }
917
918
@-webkit-keyframes fadeInRight {
919
- 0% {
920
opacity: 0;
921
-webkit-transform: translate3d(100%, 0, 0);
922
- transform: translate3d(100%, 0, 0); }
923
to {
924
opacity: 1;
925
- -webkit-transform: none;
926
- transform: none; } }
927
928
@keyframes fadeInRight {
929
- 0% {
930
opacity: 0;
931
-webkit-transform: translate3d(100%, 0, 0);
932
- transform: translate3d(100%, 0, 0); }
933
to {
934
opacity: 1;
935
- -webkit-transform: none;
936
- transform: none; } }
937
938
.fadeInRight {
939
-webkit-animation-name: fadeInRight;
940
- animation-name: fadeInRight; }
941
942
@-webkit-keyframes fadeInRightBig {
943
- 0% {
944
opacity: 0;
945
-webkit-transform: translate3d(2000px, 0, 0);
946
- transform: translate3d(2000px, 0, 0); }
947
to {
948
opacity: 1;
949
- -webkit-transform: none;
950
- transform: none; } }
951
952
@keyframes fadeInRightBig {
953
- 0% {
954
opacity: 0;
955
-webkit-transform: translate3d(2000px, 0, 0);
956
- transform: translate3d(2000px, 0, 0); }
957
to {
958
opacity: 1;
959
- -webkit-transform: none;
960
- transform: none; } }
961
962
.fadeInRightBig {
963
-webkit-animation-name: fadeInRightBig;
964
- animation-name: fadeInRightBig; }
965
966
@-webkit-keyframes fadeInUp {
967
- 0% {
968
opacity: 0;
969
-webkit-transform: translate3d(0, 100%, 0);
970
- transform: translate3d(0, 100%, 0); }
971
to {
972
opacity: 1;
973
- -webkit-transform: none;
974
- transform: none; } }
975
976
@keyframes fadeInUp {
977
- 0% {
978
opacity: 0;
979
-webkit-transform: translate3d(0, 100%, 0);
980
- transform: translate3d(0, 100%, 0); }
981
to {
982
opacity: 1;
983
- -webkit-transform: none;
984
- transform: none; } }
985
986
.fadeInUp {
987
-webkit-animation-name: fadeInUp;
988
- animation-name: fadeInUp; }
989
990
@-webkit-keyframes fadeInUpBig {
991
- 0% {
992
opacity: 0;
993
-webkit-transform: translate3d(0, 2000px, 0);
994
- transform: translate3d(0, 2000px, 0); }
995
to {
996
opacity: 1;
997
- -webkit-transform: none;
998
- transform: none; } }
999
1000
@keyframes fadeInUpBig {
1001
- 0% {
1002
opacity: 0;
1003
-webkit-transform: translate3d(0, 2000px, 0);
1004
- transform: translate3d(0, 2000px, 0); }
1005
to {
1006
opacity: 1;
1007
- -webkit-transform: none;
1008
- transform: none; } }
1009
1010
.fadeInUpBig {
1011
-webkit-animation-name: fadeInUpBig;
1012
- animation-name: fadeInUpBig; }
1013
1014
@-webkit-keyframes fadeOut {
1015
- 0% {
1016
- opacity: 1; }
1017
to {
1018
- opacity: 0; } }
1019
1020
@keyframes fadeOut {
1021
- 0% {
1022
- opacity: 1; }
1023
to {
1024
- opacity: 0; } }
1025
1026
.fadeOut {
1027
-webkit-animation-name: fadeOut;
1028
- animation-name: fadeOut; }
1029
1030
@-webkit-keyframes fadeOutDown {
1031
- 0% {
1032
- opacity: 1; }
1033
to {
1034
opacity: 0;
1035
-webkit-transform: translate3d(0, 100%, 0);
1036
- transform: translate3d(0, 100%, 0); } }
1037
1038
@keyframes fadeOutDown {
1039
- 0% {
1040
- opacity: 1; }
1041
to {
1042
opacity: 0;
1043
-webkit-transform: translate3d(0, 100%, 0);
1044
- transform: translate3d(0, 100%, 0); } }
1045
1046
.fadeOutDown {
1047
-webkit-animation-name: fadeOutDown;
1048
- animation-name: fadeOutDown; }
1049
1050
@-webkit-keyframes fadeOutDownBig {
1051
- 0% {
1052
- opacity: 1; }
1053
to {
1054
opacity: 0;
1055
-webkit-transform: translate3d(0, 2000px, 0);
1056
- transform: translate3d(0, 2000px, 0); } }
1057
1058
@keyframes fadeOutDownBig {
1059
- 0% {
1060
- opacity: 1; }
1061
to {
1062
opacity: 0;
1063
-webkit-transform: translate3d(0, 2000px, 0);
1064
- transform: translate3d(0, 2000px, 0); } }
1065
1066
.fadeOutDownBig {
1067
-webkit-animation-name: fadeOutDownBig;
1068
- animation-name: fadeOutDownBig; }
1069
1070
@-webkit-keyframes fadeOutLeft {
1071
- 0% {
1072
- opacity: 1; }
1073
to {
1074
opacity: 0;
1075
-webkit-transform: translate3d(-100%, 0, 0);
1076
- transform: translate3d(-100%, 0, 0); } }
1077
1078
@keyframes fadeOutLeft {
1079
- 0% {
1080
- opacity: 1; }
1081
to {
1082
opacity: 0;
1083
-webkit-transform: translate3d(-100%, 0, 0);
1084
- transform: translate3d(-100%, 0, 0); } }
1085
1086
.fadeOutLeft {
1087
-webkit-animation-name: fadeOutLeft;
1088
- animation-name: fadeOutLeft; }
1089
1090
@-webkit-keyframes fadeOutLeftBig {
1091
- 0% {
1092
- opacity: 1; }
1093
to {
1094
opacity: 0;
1095
-webkit-transform: translate3d(-2000px, 0, 0);
1096
- transform: translate3d(-2000px, 0, 0); } }
1097
1098
@keyframes fadeOutLeftBig {
1099
- 0% {
1100
- opacity: 1; }
1101
to {
1102
opacity: 0;
1103
-webkit-transform: translate3d(-2000px, 0, 0);
1104
- transform: translate3d(-2000px, 0, 0); } }
1105
1106
.fadeOutLeftBig {
1107
-webkit-animation-name: fadeOutLeftBig;
1108
- animation-name: fadeOutLeftBig; }
1109
1110
@-webkit-keyframes fadeOutRight {
1111
- 0% {
1112
- opacity: 1; }
1113
to {
1114
opacity: 0;
1115
-webkit-transform: translate3d(100%, 0, 0);
1116
- transform: translate3d(100%, 0, 0); } }
1117
1118
@keyframes fadeOutRight {
1119
- 0% {
1120
- opacity: 1; }
1121
to {
1122
opacity: 0;
1123
-webkit-transform: translate3d(100%, 0, 0);
1124
- transform: translate3d(100%, 0, 0); } }
1125
1126
.fadeOutRight {
1127
-webkit-animation-name: fadeOutRight;
1128
- animation-name: fadeOutRight; }
1129
1130
@-webkit-keyframes fadeOutRightBig {
1131
- 0% {
1132
- opacity: 1; }
1133
to {
1134
opacity: 0;
1135
-webkit-transform: translate3d(2000px, 0, 0);
1136
- transform: translate3d(2000px, 0, 0); } }
1137
1138
@keyframes fadeOutRightBig {
1139
- 0% {
1140
- opacity: 1; }
1141
to {
1142
opacity: 0;
1143
-webkit-transform: translate3d(2000px, 0, 0);
1144
- transform: translate3d(2000px, 0, 0); } }
1145
1146
.fadeOutRightBig {
1147
-webkit-animation-name: fadeOutRightBig;
1148
- animation-name: fadeOutRightBig; }
1149
1150
@-webkit-keyframes fadeOutUp {
1151
- 0% {
1152
- opacity: 1; }
1153
to {
1154
opacity: 0;
1155
-webkit-transform: translate3d(0, -100%, 0);
1156
- transform: translate3d(0, -100%, 0); } }
1157
1158
@keyframes fadeOutUp {
1159
- 0% {
1160
- opacity: 1; }
1161
to {
1162
opacity: 0;
1163
-webkit-transform: translate3d(0, -100%, 0);
1164
- transform: translate3d(0, -100%, 0); } }
1165
1166
.fadeOutUp {
1167
-webkit-animation-name: fadeOutUp;
1168
- animation-name: fadeOutUp; }
1169
1170
@-webkit-keyframes fadeOutUpBig {
1171
- 0% {
1172
- opacity: 1; }
1173
to {
1174
opacity: 0;
1175
-webkit-transform: translate3d(0, -2000px, 0);
1176
- transform: translate3d(0, -2000px, 0); } }
1177
1178
@keyframes fadeOutUpBig {
1179
- 0% {
1180
- opacity: 1; }
1181
to {
1182
opacity: 0;
1183
-webkit-transform: translate3d(0, -2000px, 0);
1184
- transform: translate3d(0, -2000px, 0); } }
1185
1186
.fadeOutUpBig {
1187
-webkit-animation-name: fadeOutUpBig;
1188
- animation-name: fadeOutUpBig; }
1189
1190
@-webkit-keyframes flip {
1191
- 0% {
1192
- -webkit-transform: perspective(400px) rotateY(-1turn);
1193
- transform: perspective(400px) rotateY(-1turn); }
1194
- 0%, 40% {
1195
-webkit-animation-timing-function: ease-out;
1196
- animation-timing-function: ease-out; }
1197
40% {
1198
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
1199
- transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
1200
50% {
1201
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
1202
- transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
1203
- 50%, 80% {
1204
-webkit-animation-timing-function: ease-in;
1205
- animation-timing-function: ease-in; }
1206
80% {
1207
- -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
1208
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
1209
to {
1210
- -webkit-transform: perspective(400px);
1211
- transform: perspective(400px);
1212
-webkit-animation-timing-function: ease-in;
1213
- animation-timing-function: ease-in; } }
1214
1215
@keyframes flip {
1216
- 0% {
1217
- -webkit-transform: perspective(400px) rotateY(-1turn);
1218
- transform: perspective(400px) rotateY(-1turn); }
1219
- 0%, 40% {
1220
-webkit-animation-timing-function: ease-out;
1221
- animation-timing-function: ease-out; }
1222
40% {
1223
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
1224
- transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
1225
50% {
1226
- -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
1227
- transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
1228
- 50%, 80% {
1229
-webkit-animation-timing-function: ease-in;
1230
- animation-timing-function: ease-in; }
1231
80% {
1232
- -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
1233
- transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
1234
to {
1235
- -webkit-transform: perspective(400px);
1236
- transform: perspective(400px);
1237
-webkit-animation-timing-function: ease-in;
1238
- animation-timing-function: ease-in; } }
1239
1240
.animated.flip {
1241
-webkit-backface-visibility: visible;
1242
backface-visibility: visible;
1243
-webkit-animation-name: flip;
1244
- animation-name: flip; }
1245
1246
@-webkit-keyframes flipInX {
1247
- 0% {
1248
- -webkit-transform: perspective(400px) rotateX(90deg);
1249
- transform: perspective(400px) rotateX(90deg);
1250
- opacity: 0; }
1251
- 0%, 40% {
1252
-webkit-animation-timing-function: ease-in;
1253
- animation-timing-function: ease-in; }
1254
40% {
1255
- -webkit-transform: perspective(400px) rotateX(-20deg);
1256
- transform: perspective(400px) rotateX(-20deg); }
1257
60% {
1258
- -webkit-transform: perspective(400px) rotateX(10deg);
1259
- transform: perspective(400px) rotateX(10deg);
1260
- opacity: 1; }
1261
80% {
1262
- -webkit-transform: perspective(400px) rotateX(-5deg);
1263
- transform: perspective(400px) rotateX(-5deg); }
1264
to {
1265
-webkit-transform: perspective(400px);
1266
- transform: perspective(400px); } }
1267
1268
@keyframes flipInX {
1269
- 0% {
1270
- -webkit-transform: perspective(400px) rotateX(90deg);
1271
- transform: perspective(400px) rotateX(90deg);
1272
- opacity: 0; }
1273
- 0%, 40% {
1274
-webkit-animation-timing-function: ease-in;
1275
- animation-timing-function: ease-in; }
1276
40% {
1277
- -webkit-transform: perspective(400px) rotateX(-20deg);
1278
- transform: perspective(400px) rotateX(-20deg); }
1279
60% {
1280
- -webkit-transform: perspective(400px) rotateX(10deg);
1281
- transform: perspective(400px) rotateX(10deg);
1282
- opacity: 1; }
1283
80% {
1284
- -webkit-transform: perspective(400px) rotateX(-5deg);
1285
- transform: perspective(400px) rotateX(-5deg); }
1286
to {
1287
-webkit-transform: perspective(400px);
1288
- transform: perspective(400px); } }
1289
1290
.flipInX {
1291
-webkit-backface-visibility: visible !important;
1292
backface-visibility: visible !important;
1293
-webkit-animation-name: flipInX;
1294
- animation-name: flipInX; }
1295
1296
@-webkit-keyframes flipInY {
1297
- 0% {
1298
- -webkit-transform: perspective(400px) rotateY(90deg);
1299
- transform: perspective(400px) rotateY(90deg);
1300
- opacity: 0; }
1301
- 0%, 40% {
1302
-webkit-animation-timing-function: ease-in;
1303
- animation-timing-function: ease-in; }
1304
40% {
1305
- -webkit-transform: perspective(400px) rotateY(-20deg);
1306
- transform: perspective(400px) rotateY(-20deg); }
1307
60% {
1308
- -webkit-transform: perspective(400px) rotateY(10deg);
1309
- transform: perspective(400px) rotateY(10deg);
1310
- opacity: 1; }
1311
80% {
1312
- -webkit-transform: perspective(400px) rotateY(-5deg);
1313
- transform: perspective(400px) rotateY(-5deg); }
1314
to {
1315
-webkit-transform: perspective(400px);
1316
- transform: perspective(400px); } }
1317
1318
@keyframes flipInY {
1319
- 0% {
1320
- -webkit-transform: perspective(400px) rotateY(90deg);
1321
- transform: perspective(400px) rotateY(90deg);
1322
- opacity: 0; }
1323
- 0%, 40% {
1324
-webkit-animation-timing-function: ease-in;
1325
- animation-timing-function: ease-in; }
1326
40% {
1327
- -webkit-transform: perspective(400px) rotateY(-20deg);
1328
- transform: perspective(400px) rotateY(-20deg); }
1329
60% {
1330
- -webkit-transform: perspective(400px) rotateY(10deg);
1331
- transform: perspective(400px) rotateY(10deg);
1332
- opacity: 1; }
1333
80% {
1334
- -webkit-transform: perspective(400px) rotateY(-5deg);
1335
- transform: perspective(400px) rotateY(-5deg); }
1336
to {
1337
-webkit-transform: perspective(400px);
1338
- transform: perspective(400px); } }
1339
1340
.flipInY {
1341
-webkit-backface-visibility: visible !important;
1342
backface-visibility: visible !important;
1343
-webkit-animation-name: flipInY;
1344
- animation-name: flipInY; }
1345
1346
@-webkit-keyframes flipOutX {
1347
- 0% {
1348
-webkit-transform: perspective(400px);
1349
- transform: perspective(400px); }
1350
30% {
1351
- -webkit-transform: perspective(400px) rotateX(-20deg);
1352
- transform: perspective(400px) rotateX(-20deg);
1353
- opacity: 1; }
1354
to {
1355
- -webkit-transform: perspective(400px) rotateX(90deg);
1356
- transform: perspective(400px) rotateX(90deg);
1357
- opacity: 0; } }
1358
1359
@keyframes flipOutX {
1360
- 0% {
1361
-webkit-transform: perspective(400px);
1362
- transform: perspective(400px); }
1363
30% {
1364
- -webkit-transform: perspective(400px) rotateX(-20deg);
1365
- transform: perspective(400px) rotateX(-20deg);
1366
- opacity: 1; }
1367
to {
1368
- -webkit-transform: perspective(400px) rotateX(90deg);
1369
- transform: perspective(400px) rotateX(90deg);
1370
- opacity: 0; } }
1371
1372
.flipOutX {
1373
-webkit-animation-name: flipOutX;
1374
animation-name: flipOutX;
1375
-webkit-backface-visibility: visible !important;
1376
- backface-visibility: visible !important; }
1377
1378
@-webkit-keyframes flipOutY {
1379
- 0% {
1380
-webkit-transform: perspective(400px);
1381
- transform: perspective(400px); }
1382
30% {
1383
- -webkit-transform: perspective(400px) rotateY(-15deg);
1384
- transform: perspective(400px) rotateY(-15deg);
1385
- opacity: 1; }
1386
to {
1387
- -webkit-transform: perspective(400px) rotateY(90deg);
1388
- transform: perspective(400px) rotateY(90deg);
1389
- opacity: 0; } }
1390
1391
@keyframes flipOutY {
1392
- 0% {
1393
-webkit-transform: perspective(400px);
1394
- transform: perspective(400px); }
1395
30% {
1396
- -webkit-transform: perspective(400px) rotateY(-15deg);
1397
- transform: perspective(400px) rotateY(-15deg);
1398
- opacity: 1; }
1399
to {
1400
- -webkit-transform: perspective(400px) rotateY(90deg);
1401
- transform: perspective(400px) rotateY(90deg);
1402
- opacity: 0; } }
1403
1404
.flipOutY {
1405
-webkit-backface-visibility: visible !important;
1406
backface-visibility: visible !important;
1407
-webkit-animation-name: flipOutY;
1408
- animation-name: flipOutY; }
1409
1410
@-webkit-keyframes lightSpeedIn {
1411
- 0% {
1412
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1413
transform: translate3d(100%, 0, 0) skewX(-30deg);
1414
- opacity: 0; }
1415
60% {
1416
-webkit-transform: skewX(20deg);
1417
- transform: skewX(20deg); }
1418
- 60%, 80% {
1419
- opacity: 1; }
1420
80% {
1421
-webkit-transform: skewX(-5deg);
1422
- transform: skewX(-5deg); }
1423
to {
1424
- -webkit-transform: none;
1425
- transform: none;
1426
- opacity: 1; } }
1427
1428
@keyframes lightSpeedIn {
1429
- 0% {
1430
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1431
transform: translate3d(100%, 0, 0) skewX(-30deg);
1432
- opacity: 0; }
1433
60% {
1434
-webkit-transform: skewX(20deg);
1435
- transform: skewX(20deg); }
1436
- 60%, 80% {
1437
- opacity: 1; }
1438
80% {
1439
-webkit-transform: skewX(-5deg);
1440
- transform: skewX(-5deg); }
1441
to {
1442
- -webkit-transform: none;
1443
- transform: none;
1444
- opacity: 1; } }
1445
1446
.lightSpeedIn {
1447
-webkit-animation-name: lightSpeedIn;
1448
animation-name: lightSpeedIn;
1449
-webkit-animation-timing-function: ease-out;
1450
- animation-timing-function: ease-out; }
1451
1452
@-webkit-keyframes lightSpeedOut {
1453
- 0% {
1454
- opacity: 1; }
1455
to {
1456
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1457
transform: translate3d(100%, 0, 0) skewX(30deg);
1458
- opacity: 0; } }
1459
1460
@keyframes lightSpeedOut {
1461
- 0% {
1462
- opacity: 1; }
1463
to {
1464
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1465
transform: translate3d(100%, 0, 0) skewX(30deg);
1466
- opacity: 0; } }
1467
1468
.lightSpeedOut {
1469
-webkit-animation-name: lightSpeedOut;
1470
animation-name: lightSpeedOut;
1471
-webkit-animation-timing-function: ease-in;
1472
- animation-timing-function: ease-in; }
1473
1474
@-webkit-keyframes rotateIn {
1475
- 0% {
1476
-webkit-transform-origin: center;
1477
transform-origin: center;
1478
- -webkit-transform: rotate(-200deg);
1479
- transform: rotate(-200deg);
1480
- opacity: 0; }
1481
- 0%, to {
1482
- -webkit-transform-origin: center; }
1483
to {
1484
-webkit-transform-origin: center;
1485
transform-origin: center;
1486
- -webkit-transform: none;
1487
- transform: none;
1488
- opacity: 1; } }
1489
1490
@keyframes rotateIn {
1491
- 0% {
1492
-webkit-transform-origin: center;
1493
transform-origin: center;
1494
- -webkit-transform: rotate(-200deg);
1495
- transform: rotate(-200deg);
1496
- opacity: 0; }
1497
- 0%, to {
1498
- -webkit-transform-origin: center; }
1499
to {
1500
-webkit-transform-origin: center;
1501
transform-origin: center;
1502
- -webkit-transform: none;
1503
- transform: none;
1504
- opacity: 1; } }
1505
1506
.rotateIn {
1507
-webkit-animation-name: rotateIn;
1508
- animation-name: rotateIn; }
1509
1510
@-webkit-keyframes rotateInDownLeft {
1511
- 0% {
1512
-webkit-transform-origin: left bottom;
1513
transform-origin: left bottom;
1514
- -webkit-transform: rotate(-45deg);
1515
- transform: rotate(-45deg);
1516
- opacity: 0; }
1517
- 0%, to {
1518
- -webkit-transform-origin: left bottom; }
1519
to {
1520
-webkit-transform-origin: left bottom;
1521
transform-origin: left bottom;
1522
- -webkit-transform: none;
1523
- transform: none;
1524
- opacity: 1; } }
1525
1526
@keyframes rotateInDownLeft {
1527
- 0% {
1528
-webkit-transform-origin: left bottom;
1529
transform-origin: left bottom;
1530
- -webkit-transform: rotate(-45deg);
1531
- transform: rotate(-45deg);
1532
- opacity: 0; }
1533
- 0%, to {
1534
- -webkit-transform-origin: left bottom; }
1535
to {
1536
-webkit-transform-origin: left bottom;
1537
transform-origin: left bottom;
1538
- -webkit-transform: none;
1539
- transform: none;
1540
- opacity: 1; } }
1541
1542
.rotateInDownLeft {
1543
-webkit-animation-name: rotateInDownLeft;
1544
- animation-name: rotateInDownLeft; }
1545
1546
@-webkit-keyframes rotateInDownRight {
1547
- 0% {
1548
-webkit-transform-origin: right bottom;
1549
transform-origin: right bottom;
1550
- -webkit-transform: rotate(45deg);
1551
- transform: rotate(45deg);
1552
- opacity: 0; }
1553
- 0%, to {
1554
- -webkit-transform-origin: right bottom; }
1555
to {
1556
-webkit-transform-origin: right bottom;
1557
transform-origin: right bottom;
1558
- -webkit-transform: none;
1559
- transform: none;
1560
- opacity: 1; } }
1561
1562
@keyframes rotateInDownRight {
1563
- 0% {
1564
-webkit-transform-origin: right bottom;
1565
transform-origin: right bottom;
1566
- -webkit-transform: rotate(45deg);
1567
- transform: rotate(45deg);
1568
- opacity: 0; }
1569
- 0%, to {
1570
- -webkit-transform-origin: right bottom; }
1571
to {
1572
-webkit-transform-origin: right bottom;
1573
transform-origin: right bottom;
1574
- -webkit-transform: none;
1575
- transform: none;
1576
- opacity: 1; } }
1577
1578
.rotateInDownRight {
1579
-webkit-animation-name: rotateInDownRight;
1580
- animation-name: rotateInDownRight; }
1581
1582
@-webkit-keyframes rotateInUpLeft {
1583
- 0% {
1584
-webkit-transform-origin: left bottom;
1585
transform-origin: left bottom;
1586
- -webkit-transform: rotate(45deg);
1587
- transform: rotate(45deg);
1588
- opacity: 0; }
1589
- 0%, to {
1590
- -webkit-transform-origin: left bottom; }
1591
to {
1592
-webkit-transform-origin: left bottom;
1593
transform-origin: left bottom;
1594
- -webkit-transform: none;
1595
- transform: none;
1596
- opacity: 1; } }
1597
1598
@keyframes rotateInUpLeft {
1599
- 0% {
1600
-webkit-transform-origin: left bottom;
1601
transform-origin: left bottom;
1602
- -webkit-transform: rotate(45deg);
1603
- transform: rotate(45deg);
1604
- opacity: 0; }
1605
- 0%, to {
1606
- -webkit-transform-origin: left bottom; }
1607
to {
1608
-webkit-transform-origin: left bottom;
1609
transform-origin: left bottom;
1610
- -webkit-transform: none;
1611
- transform: none;
1612
- opacity: 1; } }
1613
1614
.rotateInUpLeft {
1615
-webkit-animation-name: rotateInUpLeft;
1616
- animation-name: rotateInUpLeft; }
1617
1618
@-webkit-keyframes rotateInUpRight {
1619
- 0% {
1620
-webkit-transform-origin: right bottom;
1621
transform-origin: right bottom;
1622
- -webkit-transform: rotate(-90deg);
1623
- transform: rotate(-90deg);
1624
- opacity: 0; }
1625
- 0%, to {
1626
- -webkit-transform-origin: right bottom; }
1627
to {
1628
-webkit-transform-origin: right bottom;
1629
transform-origin: right bottom;
1630
- -webkit-transform: none;
1631
- transform: none;
1632
- opacity: 1; } }
1633
1634
@keyframes rotateInUpRight {
1635
- 0% {
1636
-webkit-transform-origin: right bottom;
1637
transform-origin: right bottom;
1638
- -webkit-transform: rotate(-90deg);
1639
- transform: rotate(-90deg);
1640
- opacity: 0; }
1641
- 0%, to {
1642
- -webkit-transform-origin: right bottom; }
1643
to {
1644
-webkit-transform-origin: right bottom;
1645
transform-origin: right bottom;
1646
- -webkit-transform: none;
1647
- transform: none;
1648
- opacity: 1; } }
1649
1650
.rotateInUpRight {
1651
-webkit-animation-name: rotateInUpRight;
1652
- animation-name: rotateInUpRight; }
1653
1654
@-webkit-keyframes rotateOut {
1655
- 0% {
1656
-webkit-transform-origin: center;
1657
transform-origin: center;
1658
- opacity: 1; }
1659
- 0%, to {
1660
- -webkit-transform-origin: center; }
1661
to {
1662
-webkit-transform-origin: center;
1663
transform-origin: center;
1664
- -webkit-transform: rotate(200deg);
1665
- transform: rotate(200deg);
1666
- opacity: 0; } }
1667
1668
@keyframes rotateOut {
1669
- 0% {
1670
-webkit-transform-origin: center;
1671
transform-origin: center;
1672
- opacity: 1; }
1673
- 0%, to {
1674
- -webkit-transform-origin: center; }
1675
to {
1676
-webkit-transform-origin: center;
1677
transform-origin: center;
1678
- -webkit-transform: rotate(200deg);
1679
- transform: rotate(200deg);
1680
- opacity: 0; } }
1681
1682
.rotateOut {
1683
-webkit-animation-name: rotateOut;
1684
- animation-name: rotateOut; }
1685
1686
@-webkit-keyframes rotateOutDownLeft {
1687
- 0% {
1688
-webkit-transform-origin: left bottom;
1689
transform-origin: left bottom;
1690
- opacity: 1; }
1691
- 0%, to {
1692
- -webkit-transform-origin: left bottom; }
1693
to {
1694
-webkit-transform-origin: left bottom;
1695
transform-origin: left bottom;
1696
- -webkit-transform: rotate(45deg);
1697
- transform: rotate(45deg);
1698
- opacity: 0; } }
1699
1700
@keyframes rotateOutDownLeft {
1701
- 0% {
1702
-webkit-transform-origin: left bottom;
1703
transform-origin: left bottom;
1704
- opacity: 1; }
1705
- 0%, to {
1706
- -webkit-transform-origin: left bottom; }
1707
to {
1708
-webkit-transform-origin: left bottom;
1709
transform-origin: left bottom;
1710
- -webkit-transform: rotate(45deg);
1711
- transform: rotate(45deg);
1712
- opacity: 0; } }
1713
1714
.rotateOutDownLeft {
1715
-webkit-animation-name: rotateOutDownLeft;
1716
- animation-name: rotateOutDownLeft; }
1717
1718
@-webkit-keyframes rotateOutDownRight {
1719
- 0% {
1720
-webkit-transform-origin: right bottom;
1721
transform-origin: right bottom;
1722
- opacity: 1; }
1723
- 0%, to {
1724
- -webkit-transform-origin: right bottom; }
1725
to {
1726
-webkit-transform-origin: right bottom;
1727
transform-origin: right bottom;
1728
- -webkit-transform: rotate(-45deg);
1729
- transform: rotate(-45deg);
1730
- opacity: 0; } }
1731
1732
@keyframes rotateOutDownRight {
1733
- 0% {
1734
-webkit-transform-origin: right bottom;
1735
transform-origin: right bottom;
1736
- opacity: 1; }
1737
- 0%, to {
1738
- -webkit-transform-origin: right bottom; }
1739
to {
1740
-webkit-transform-origin: right bottom;
1741
transform-origin: right bottom;
1742
- -webkit-transform: rotate(-45deg);
1743
- transform: rotate(-45deg);
1744
- opacity: 0; } }
1745
1746
.rotateOutDownRight {
1747
-webkit-animation-name: rotateOutDownRight;
1748
- animation-name: rotateOutDownRight; }
1749
1750
@-webkit-keyframes rotateOutUpLeft {
1751
- 0% {
1752
-webkit-transform-origin: left bottom;
1753
transform-origin: left bottom;
1754
- opacity: 1; }
1755
- 0%, to {
1756
- -webkit-transform-origin: left bottom; }
1757
to {
1758
-webkit-transform-origin: left bottom;
1759
transform-origin: left bottom;
1760
- -webkit-transform: rotate(-45deg);
1761
- transform: rotate(-45deg);
1762
- opacity: 0; } }
1763
1764
@keyframes rotateOutUpLeft {
1765
- 0% {
1766
-webkit-transform-origin: left bottom;
1767
transform-origin: left bottom;
1768
- opacity: 1; }
1769
- 0%, to {
1770
- -webkit-transform-origin: left bottom; }
1771
to {
1772
-webkit-transform-origin: left bottom;
1773
transform-origin: left bottom;
1774
- -webkit-transform: rotate(-45deg);
1775
- transform: rotate(-45deg);
1776
- opacity: 0; } }
1777
1778
.rotateOutUpLeft {
1779
-webkit-animation-name: rotateOutUpLeft;
1780
- animation-name: rotateOutUpLeft; }
1781
1782
@-webkit-keyframes rotateOutUpRight {
1783
- 0% {
1784
-webkit-transform-origin: right bottom;
1785
transform-origin: right bottom;
1786
- opacity: 1; }
1787
- 0%, to {
1788
- -webkit-transform-origin: right bottom; }
1789
to {
1790
-webkit-transform-origin: right bottom;
1791
transform-origin: right bottom;
1792
- -webkit-transform: rotate(90deg);
1793
- transform: rotate(90deg);
1794
- opacity: 0; } }
1795
1796
@keyframes rotateOutUpRight {
1797
- 0% {
1798
-webkit-transform-origin: right bottom;
1799
transform-origin: right bottom;
1800
- opacity: 1; }
1801
- 0%, to {
1802
- -webkit-transform-origin: right bottom; }
1803
to {
1804
-webkit-transform-origin: right bottom;
1805
transform-origin: right bottom;
1806
- -webkit-transform: rotate(90deg);
1807
- transform: rotate(90deg);
1808
- opacity: 0; } }
1809
1810
.rotateOutUpRight {
1811
-webkit-animation-name: rotateOutUpRight;
1812
- animation-name: rotateOutUpRight; }
1813
1814
@-webkit-keyframes hinge {
1815
0% {
1816
-webkit-transform-origin: top left;
1817
- transform-origin: top left; }
1818
- 0%, 20%, 60% {
1819
- -webkit-transform-origin: top left;
1820
-webkit-animation-timing-function: ease-in-out;
1821
- animation-timing-function: ease-in-out; }
1822
- 20%, 60% {
1823
- -webkit-transform: rotate(80deg);
1824
- transform: rotate(80deg);
1825
-webkit-transform-origin: top left;
1826
- transform-origin: top left; }
1827
- 40%, 80% {
1828
- -webkit-transform: rotate(60deg);
1829
- transform: rotate(60deg);
1830
-webkit-transform-origin: top left;
1831
transform-origin: top left;
1832
-webkit-animation-timing-function: ease-in-out;
1833
animation-timing-function: ease-in-out;
1834
- opacity: 1; }
1835
to {
1836
-webkit-transform: translate3d(0, 700px, 0);
1837
transform: translate3d(0, 700px, 0);
1838
- opacity: 0; } }
1839
1840
@keyframes hinge {
1841
0% {
1842
-webkit-transform-origin: top left;
1843
- transform-origin: top left; }
1844
- 0%, 20%, 60% {
1845
- -webkit-transform-origin: top left;
1846
-webkit-animation-timing-function: ease-in-out;
1847
- animation-timing-function: ease-in-out; }
1848
- 20%, 60% {
1849
- -webkit-transform: rotate(80deg);
1850
- transform: rotate(80deg);
1851
-webkit-transform-origin: top left;
1852
- transform-origin: top left; }
1853
- 40%, 80% {
1854
- -webkit-transform: rotate(60deg);
1855
- transform: rotate(60deg);
1856
-webkit-transform-origin: top left;
1857
transform-origin: top left;
1858
-webkit-animation-timing-function: ease-in-out;
1859
animation-timing-function: ease-in-out;
1860
- opacity: 1; }
1861
to {
1862
-webkit-transform: translate3d(0, 700px, 0);
1863
transform: translate3d(0, 700px, 0);
1864
- opacity: 0; } }
1865
1866
.hinge {
1867
-webkit-animation-name: hinge;
1868
- animation-name: hinge; }
1869
1870
@-webkit-keyframes rollIn {
1871
- 0% {
1872
opacity: 0;
1873
- -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
1874
- transform: translate3d(-100%, 0, 0) rotate(-120deg); }
1875
to {
1876
opacity: 1;
1877
- -webkit-transform: none;
1878
- transform: none; } }
1879
1880
@keyframes rollIn {
1881
- 0% {
1882
opacity: 0;
1883
- -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
1884
- transform: translate3d(-100%, 0, 0) rotate(-120deg); }
1885
to {
1886
opacity: 1;
1887
- -webkit-transform: none;
1888
- transform: none; } }
1889
1890
.rollIn {
1891
-webkit-animation-name: rollIn;
1892
- animation-name: rollIn; }
1893
1894
@-webkit-keyframes rollOut {
1895
- 0% {
1896
- opacity: 1; }
1897
to {
1898
opacity: 0;
1899
- -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
1900
- transform: translate3d(100%, 0, 0) rotate(120deg); } }
1901
1902
@keyframes rollOut {
1903
- 0% {
1904
- opacity: 1; }
1905
to {
1906
opacity: 0;
1907
- -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
1908
- transform: translate3d(100%, 0, 0) rotate(120deg); } }
1909
1910
.rollOut {
1911
-webkit-animation-name: rollOut;
1912
- animation-name: rollOut; }
1913
1914
@-webkit-keyframes zoomIn {
1915
- 0% {
1916
opacity: 0;
1917
-webkit-transform: scale3d(0.3, 0.3, 0.3);
1918
- transform: scale3d(0.3, 0.3, 0.3); }
1919
50% {
1920
- opacity: 1; } }
1921
1922
@keyframes zoomIn {
1923
- 0% {
1924
opacity: 0;
1925
-webkit-transform: scale3d(0.3, 0.3, 0.3);
1926
- transform: scale3d(0.3, 0.3, 0.3); }
1927
50% {
1928
- opacity: 1; } }
1929
1930
.zoomIn {
1931
-webkit-animation-name: zoomIn;
1932
- animation-name: zoomIn; }
1933
1934
@-webkit-keyframes zoomInDown {
1935
- 0% {
1936
opacity: 0;
1937
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
1938
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
1939
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1940
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
1941
60% {
1942
opacity: 1;
1943
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
1944
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
1945
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1946
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
1947
1948
@keyframes zoomInDown {
1949
- 0% {
1950
opacity: 0;
1951
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
1952
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
1953
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1954
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
1955
60% {
1956
opacity: 1;
1957
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
1958
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
1959
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1960
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
1961
1962
.zoomInDown {
1963
-webkit-animation-name: zoomInDown;
1964
- animation-name: zoomInDown; }
1965
1966
@-webkit-keyframes zoomInLeft {
1967
- 0% {
1968
opacity: 0;
1969
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
1970
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
1971
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1972
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
1973
60% {
1974
opacity: 1;
1975
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
1976
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
1977
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1978
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
1979
1980
@keyframes zoomInLeft {
1981
- 0% {
1982
opacity: 0;
1983
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
1984
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
1985
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
1986
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
1987
60% {
1988
opacity: 1;
1989
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
1990
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
1991
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
1992
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
1993
1994
.zoomInLeft {
1995
-webkit-animation-name: zoomInLeft;
1996
- animation-name: zoomInLeft; }
1997
1998
@-webkit-keyframes zoomInRight {
1999
- 0% {
2000
opacity: 0;
2001
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
2002
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
2003
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2004
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
2005
60% {
2006
opacity: 1;
2007
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
2008
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
2009
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2010
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
2011
2012
@keyframes zoomInRight {
2013
- 0% {
2014
opacity: 0;
2015
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
2016
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
2017
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2018
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
2019
60% {
2020
opacity: 1;
2021
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
2022
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
2023
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2024
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
2025
2026
.zoomInRight {
2027
-webkit-animation-name: zoomInRight;
2028
- animation-name: zoomInRight; }
2029
2030
@-webkit-keyframes zoomInUp {
2031
- 0% {
2032
opacity: 0;
2033
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
2034
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
2035
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2036
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
2037
60% {
2038
opacity: 1;
2039
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2040
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2041
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2042
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
2043
2044
@keyframes zoomInUp {
2045
- 0% {
2046
opacity: 0;
2047
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
2048
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
2049
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2050
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
2051
60% {
2052
opacity: 1;
2053
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2054
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2055
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2056
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
2057
2058
.zoomInUp {
2059
-webkit-animation-name: zoomInUp;
2060
- animation-name: zoomInUp; }
2061
2062
@-webkit-keyframes zoomOut {
2063
- 0% {
2064
- opacity: 1; }
2065
50% {
2066
-webkit-transform: scale3d(0.3, 0.3, 0.3);
2067
- transform: scale3d(0.3, 0.3, 0.3); }
2068
- 50%, to {
2069
- opacity: 0; } }
2070
2071
@keyframes zoomOut {
2072
- 0% {
2073
- opacity: 1; }
2074
50% {
2075
-webkit-transform: scale3d(0.3, 0.3, 0.3);
2076
- transform: scale3d(0.3, 0.3, 0.3); }
2077
- 50%, to {
2078
- opacity: 0; } }
2079
2080
.zoomOut {
2081
-webkit-animation-name: zoomOut;
2082
- animation-name: zoomOut; }
2083
2084
@-webkit-keyframes zoomOutDown {
2085
40% {
@@ -2087,7 +3150,9 @@
2087
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2088
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2089
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2090
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
2091
to {
2092
opacity: 0;
2093
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
@@ -2095,7 +3160,9 @@
2095
-webkit-transform-origin: center bottom;
2096
transform-origin: center bottom;
2097
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2098
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
2099
2100
@keyframes zoomOutDown {
2101
40% {
@@ -2103,7 +3170,9 @@
2103
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2104
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
2105
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2106
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
2107
to {
2108
opacity: 0;
2109
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
@@ -2111,67 +3180,88 @@
2111
-webkit-transform-origin: center bottom;
2112
transform-origin: center bottom;
2113
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2114
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
2115
2116
.zoomOutDown {
2117
-webkit-animation-name: zoomOutDown;
2118
- animation-name: zoomOutDown; }
2119
2120
@-webkit-keyframes zoomOutLeft {
2121
40% {
2122
opacity: 1;
2123
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
2124
- transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
2125
to {
2126
opacity: 0;
2127
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
2128
transform: scale(0.1) translate3d(-2000px, 0, 0);
2129
-webkit-transform-origin: left center;
2130
- transform-origin: left center; } }
2131
2132
@keyframes zoomOutLeft {
2133
40% {
2134
opacity: 1;
2135
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
2136
- transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
2137
to {
2138
opacity: 0;
2139
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
2140
transform: scale(0.1) translate3d(-2000px, 0, 0);
2141
-webkit-transform-origin: left center;
2142
- transform-origin: left center; } }
2143
2144
.zoomOutLeft {
2145
-webkit-animation-name: zoomOutLeft;
2146
- animation-name: zoomOutLeft; }
2147
2148
@-webkit-keyframes zoomOutRight {
2149
40% {
2150
opacity: 1;
2151
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
2152
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
2153
to {
2154
opacity: 0;
2155
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
2156
transform: scale(0.1) translate3d(2000px, 0, 0);
2157
-webkit-transform-origin: right center;
2158
- transform-origin: right center; } }
2159
2160
@keyframes zoomOutRight {
2161
40% {
2162
opacity: 1;
2163
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
2164
- transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
2165
to {
2166
opacity: 0;
2167
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
2168
transform: scale(0.1) translate3d(2000px, 0, 0);
2169
-webkit-transform-origin: right center;
2170
- transform-origin: right center; } }
2171
2172
.zoomOutRight {
2173
-webkit-animation-name: zoomOutRight;
2174
- animation-name: zoomOutRight; }
2175
2176
@-webkit-keyframes zoomOutUp {
2177
40% {
@@ -2179,7 +3269,9 @@
2179
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
2180
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
2181
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2182
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
2183
to {
2184
opacity: 0;
2185
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
@@ -2187,7 +3279,9 @@
2187
-webkit-transform-origin: center bottom;
2188
transform-origin: center bottom;
2189
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2190
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
2191
2192
@keyframes zoomOutUp {
2193
40% {
@@ -2195,7 +3289,9 @@
2195
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
2196
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
2197
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
2198
- animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
2199
to {
2200
opacity: 0;
2201
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
@@ -2203,184 +3299,325 @@
2203
-webkit-transform-origin: center bottom;
2204
transform-origin: center bottom;
2205
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
2206
- animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
2207
2208
.zoomOutUp {
2209
-webkit-animation-name: zoomOutUp;
2210
- animation-name: zoomOutUp; }
2211
2212
@-webkit-keyframes slideInDown {
2213
- 0% {
2214
-webkit-transform: translate3d(0, -100%, 0);
2215
transform: translate3d(0, -100%, 0);
2216
- visibility: visible; }
2217
to {
2218
- -webkit-transform: translateZ(0);
2219
- transform: translateZ(0); } }
2220
2221
@keyframes slideInDown {
2222
- 0% {
2223
-webkit-transform: translate3d(0, -100%, 0);
2224
transform: translate3d(0, -100%, 0);
2225
- visibility: visible; }
2226
to {
2227
- -webkit-transform: translateZ(0);
2228
- transform: translateZ(0); } }
2229
2230
.slideInDown {
2231
-webkit-animation-name: slideInDown;
2232
- animation-name: slideInDown; }
2233
2234
@-webkit-keyframes slideInLeft {
2235
- 0% {
2236
-webkit-transform: translate3d(-100%, 0, 0);
2237
transform: translate3d(-100%, 0, 0);
2238
- visibility: visible; }
2239
to {
2240
- -webkit-transform: translateZ(0);
2241
- transform: translateZ(0); } }
2242
2243
@keyframes slideInLeft {
2244
- 0% {
2245
-webkit-transform: translate3d(-100%, 0, 0);
2246
transform: translate3d(-100%, 0, 0);
2247
- visibility: visible; }
2248
to {
2249
- -webkit-transform: translateZ(0);
2250
- transform: translateZ(0); } }
2251
2252
.slideInLeft {
2253
-webkit-animation-name: slideInLeft;
2254
- animation-name: slideInLeft; }
2255
2256
@-webkit-keyframes slideInRight {
2257
- 0% {
2258
-webkit-transform: translate3d(100%, 0, 0);
2259
transform: translate3d(100%, 0, 0);
2260
- visibility: visible; }
2261
to {
2262
- -webkit-transform: translateZ(0);
2263
- transform: translateZ(0); } }
2264
2265
@keyframes slideInRight {
2266
- 0% {
2267
-webkit-transform: translate3d(100%, 0, 0);
2268
transform: translate3d(100%, 0, 0);
2269
- visibility: visible; }
2270
to {
2271
- -webkit-transform: translateZ(0);
2272
- transform: translateZ(0); } }
2273
2274
.slideInRight {
2275
-webkit-animation-name: slideInRight;
2276
- animation-name: slideInRight; }
2277
2278
@-webkit-keyframes slideInUp {
2279
- 0% {
2280
-webkit-transform: translate3d(0, 100%, 0);
2281
transform: translate3d(0, 100%, 0);
2282
- visibility: visible; }
2283
to {
2284
- -webkit-transform: translateZ(0);
2285
- transform: translateZ(0); } }
2286
2287
@keyframes slideInUp {
2288
- 0% {
2289
-webkit-transform: translate3d(0, 100%, 0);
2290
transform: translate3d(0, 100%, 0);
2291
- visibility: visible; }
2292
to {
2293
- -webkit-transform: translateZ(0);
2294
- transform: translateZ(0); } }
2295
2296
.slideInUp {
2297
-webkit-animation-name: slideInUp;
2298
- animation-name: slideInUp; }
2299
2300
@-webkit-keyframes slideOutDown {
2301
- 0% {
2302
- -webkit-transform: translateZ(0);
2303
- transform: translateZ(0); }
2304
to {
2305
visibility: hidden;
2306
-webkit-transform: translate3d(0, 100%, 0);
2307
- transform: translate3d(0, 100%, 0); } }
2308
2309
@keyframes slideOutDown {
2310
- 0% {
2311
- -webkit-transform: translateZ(0);
2312
- transform: translateZ(0); }
2313
to {
2314
visibility: hidden;
2315
-webkit-transform: translate3d(0, 100%, 0);
2316
- transform: translate3d(0, 100%, 0); } }
2317
2318
.slideOutDown {
2319
-webkit-animation-name: slideOutDown;
2320
- animation-name: slideOutDown; }
2321
2322
@-webkit-keyframes slideOutLeft {
2323
- 0% {
2324
- -webkit-transform: translateZ(0);
2325
- transform: translateZ(0); }
2326
to {
2327
visibility: hidden;
2328
-webkit-transform: translate3d(-100%, 0, 0);
2329
- transform: translate3d(-100%, 0, 0); } }
2330
2331
@keyframes slideOutLeft {
2332
- 0% {
2333
- -webkit-transform: translateZ(0);
2334
- transform: translateZ(0); }
2335
to {
2336
visibility: hidden;
2337
-webkit-transform: translate3d(-100%, 0, 0);
2338
- transform: translate3d(-100%, 0, 0); } }
2339
2340
.slideOutLeft {
2341
-webkit-animation-name: slideOutLeft;
2342
- animation-name: slideOutLeft; }
2343
2344
@-webkit-keyframes slideOutRight {
2345
- 0% {
2346
- -webkit-transform: translateZ(0);
2347
- transform: translateZ(0); }
2348
to {
2349
visibility: hidden;
2350
-webkit-transform: translate3d(100%, 0, 0);
2351
- transform: translate3d(100%, 0, 0); } }
2352
2353
@keyframes slideOutRight {
2354
- 0% {
2355
- -webkit-transform: translateZ(0);
2356
- transform: translateZ(0); }
2357
to {
2358
visibility: hidden;
2359
-webkit-transform: translate3d(100%, 0, 0);
2360
- transform: translate3d(100%, 0, 0); } }
2361
2362
.slideOutRight {
2363
-webkit-animation-name: slideOutRight;
2364
- animation-name: slideOutRight; }
2365
2366
@-webkit-keyframes slideOutUp {
2367
- 0% {
2368
- -webkit-transform: translateZ(0);
2369
- transform: translateZ(0); }
2370
to {
2371
visibility: hidden;
2372
-webkit-transform: translate3d(0, -100%, 0);
2373
- transform: translate3d(0, -100%, 0); } }
2374
2375
@keyframes slideOutUp {
2376
- 0% {
2377
- -webkit-transform: translateZ(0);
2378
- transform: translateZ(0); }
2379
to {
2380
visibility: hidden;
2381
-webkit-transform: translate3d(0, -100%, 0);
2382
- transform: translate3d(0, -100%, 0); } }
2383
2384
.slideOutUp {
2385
-webkit-animation-name: slideOutUp;
2386
- animation-name: slideOutUp; }