|
0
|
1 // main: ../style.scss
|
|
|
2
|
|
|
3 /*!
|
|
|
4 * animate.css -http://daneden.me/animate
|
|
|
5 * Version - 3.5.1
|
|
|
6 * Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
|
7 *
|
|
|
8 * Copyright (c) 2016 Daniel Eden
|
|
|
9 */
|
|
|
10
|
|
|
11 .animated {
|
|
|
12 -webkit-animation-duration: .75s;
|
|
|
13 animation-duration: .75s;
|
|
|
14 -webkit-animation-fill-mode: both;
|
|
|
15 animation-fill-mode: both;
|
|
|
16 }
|
|
|
17
|
|
|
18 .animated.infinite {
|
|
|
19 -webkit-animation-iteration-count: infinite;
|
|
|
20 animation-iteration-count: infinite;
|
|
|
21 }
|
|
|
22
|
|
|
23 .animated.hinge {
|
|
|
24 -webkit-animation-duration: 2s;
|
|
|
25 animation-duration: 2s;
|
|
|
26 }
|
|
|
27
|
|
|
28 .animated.flipOutX,
|
|
|
29 .animated.flipOutY,
|
|
|
30 .animated.bounceIn,
|
|
|
31 .animated.bounceOut {
|
|
|
32 -webkit-animation-duration: .75s;
|
|
|
33 animation-duration: .75s;
|
|
|
34 }
|
|
|
35
|
|
|
36 @-webkit-keyframes bounce {
|
|
|
37 from, 20%, 53%, 80%, to {
|
|
|
38 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
39 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
40 -webkit-transform: translate3d(0,0,0);
|
|
|
41 transform: translate3d(0,0,0);
|
|
|
42 }
|
|
|
43
|
|
|
44 40%, 43% {
|
|
|
45 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
|
46 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
|
47 -webkit-transform: translate3d(0, -30px, 0);
|
|
|
48 transform: translate3d(0, -30px, 0);
|
|
|
49 }
|
|
|
50
|
|
|
51 70% {
|
|
|
52 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
|
53 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
|
54 -webkit-transform: translate3d(0, -15px, 0);
|
|
|
55 transform: translate3d(0, -15px, 0);
|
|
|
56 }
|
|
|
57
|
|
|
58 90% {
|
|
|
59 -webkit-transform: translate3d(0,-4px,0);
|
|
|
60 transform: translate3d(0,-4px,0);
|
|
|
61 }
|
|
|
62 }
|
|
|
63
|
|
|
64 @keyframes bounce {
|
|
|
65 from, 20%, 53%, 80%, to {
|
|
|
66 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
67 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
68 -webkit-transform: translate3d(0,0,0);
|
|
|
69 transform: translate3d(0,0,0);
|
|
|
70 }
|
|
|
71
|
|
|
72 40%, 43% {
|
|
|
73 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
|
74 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
|
75 -webkit-transform: translate3d(0, -30px, 0);
|
|
|
76 transform: translate3d(0, -30px, 0);
|
|
|
77 }
|
|
|
78
|
|
|
79 70% {
|
|
|
80 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
|
81 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
|
|
82 -webkit-transform: translate3d(0, -15px, 0);
|
|
|
83 transform: translate3d(0, -15px, 0);
|
|
|
84 }
|
|
|
85
|
|
|
86 90% {
|
|
|
87 -webkit-transform: translate3d(0,-4px,0);
|
|
|
88 transform: translate3d(0,-4px,0);
|
|
|
89 }
|
|
|
90 }
|
|
|
91
|
|
|
92 .bounce {
|
|
|
93 -webkit-animation-name: bounce;
|
|
|
94 animation-name: bounce;
|
|
|
95 -webkit-transform-origin: center bottom;
|
|
|
96 transform-origin: center bottom;
|
|
|
97 }
|
|
|
98
|
|
|
99 @-webkit-keyframes flash {
|
|
|
100 from, 50%, to {
|
|
|
101 opacity: 1;
|
|
|
102 }
|
|
|
103
|
|
|
104 25%, 75% {
|
|
|
105 opacity: 0;
|
|
|
106 }
|
|
|
107 }
|
|
|
108
|
|
|
109 @keyframes flash {
|
|
|
110 from, 50%, to {
|
|
|
111 opacity: 1;
|
|
|
112 }
|
|
|
113
|
|
|
114 25%, 75% {
|
|
|
115 opacity: 0;
|
|
|
116 }
|
|
|
117 }
|
|
|
118
|
|
|
119 .flash {
|
|
|
120 -webkit-animation-name: flash;
|
|
|
121 animation-name: flash;
|
|
|
122 }
|
|
|
123
|
|
|
124 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
125
|
|
|
126 @-webkit-keyframes pulse {
|
|
|
127 from {
|
|
|
128 -webkit-transform: scale3d(1, 1, 1);
|
|
|
129 transform: scale3d(1, 1, 1);
|
|
|
130 }
|
|
|
131
|
|
|
132 50% {
|
|
|
133 -webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
|
134 transform: scale3d(1.05, 1.05, 1.05);
|
|
|
135 }
|
|
|
136
|
|
|
137 to {
|
|
|
138 -webkit-transform: scale3d(1, 1, 1);
|
|
|
139 transform: scale3d(1, 1, 1);
|
|
|
140 }
|
|
|
141 }
|
|
|
142
|
|
|
143 @keyframes pulse {
|
|
|
144 from {
|
|
|
145 -webkit-transform: scale3d(1, 1, 1);
|
|
|
146 transform: scale3d(1, 1, 1);
|
|
|
147 }
|
|
|
148
|
|
|
149 50% {
|
|
|
150 -webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
|
151 transform: scale3d(1.05, 1.05, 1.05);
|
|
|
152 }
|
|
|
153
|
|
|
154 to {
|
|
|
155 -webkit-transform: scale3d(1, 1, 1);
|
|
|
156 transform: scale3d(1, 1, 1);
|
|
|
157 }
|
|
|
158 }
|
|
|
159
|
|
|
160 .pulse {
|
|
|
161 -webkit-animation-name: pulse;
|
|
|
162 animation-name: pulse;
|
|
|
163 }
|
|
|
164
|
|
|
165 @-webkit-keyframes rubberBand {
|
|
|
166 from {
|
|
|
167 -webkit-transform: scale3d(1, 1, 1);
|
|
|
168 transform: scale3d(1, 1, 1);
|
|
|
169 }
|
|
|
170
|
|
|
171 30% {
|
|
|
172 -webkit-transform: scale3d(1.25, 0.75, 1);
|
|
|
173 transform: scale3d(1.25, 0.75, 1);
|
|
|
174 }
|
|
|
175
|
|
|
176 40% {
|
|
|
177 -webkit-transform: scale3d(0.75, 1.25, 1);
|
|
|
178 transform: scale3d(0.75, 1.25, 1);
|
|
|
179 }
|
|
|
180
|
|
|
181 50% {
|
|
|
182 -webkit-transform: scale3d(1.15, 0.85, 1);
|
|
|
183 transform: scale3d(1.15, 0.85, 1);
|
|
|
184 }
|
|
|
185
|
|
|
186 65% {
|
|
|
187 -webkit-transform: scale3d(.95, 1.05, 1);
|
|
|
188 transform: scale3d(.95, 1.05, 1);
|
|
|
189 }
|
|
|
190
|
|
|
191 75% {
|
|
|
192 -webkit-transform: scale3d(1.05, .95, 1);
|
|
|
193 transform: scale3d(1.05, .95, 1);
|
|
|
194 }
|
|
|
195
|
|
|
196 to {
|
|
|
197 -webkit-transform: scale3d(1, 1, 1);
|
|
|
198 transform: scale3d(1, 1, 1);
|
|
|
199 }
|
|
|
200 }
|
|
|
201
|
|
|
202 @keyframes rubberBand {
|
|
|
203 from {
|
|
|
204 -webkit-transform: scale3d(1, 1, 1);
|
|
|
205 transform: scale3d(1, 1, 1);
|
|
|
206 }
|
|
|
207
|
|
|
208 30% {
|
|
|
209 -webkit-transform: scale3d(1.25, 0.75, 1);
|
|
|
210 transform: scale3d(1.25, 0.75, 1);
|
|
|
211 }
|
|
|
212
|
|
|
213 40% {
|
|
|
214 -webkit-transform: scale3d(0.75, 1.25, 1);
|
|
|
215 transform: scale3d(0.75, 1.25, 1);
|
|
|
216 }
|
|
|
217
|
|
|
218 50% {
|
|
|
219 -webkit-transform: scale3d(1.15, 0.85, 1);
|
|
|
220 transform: scale3d(1.15, 0.85, 1);
|
|
|
221 }
|
|
|
222
|
|
|
223 65% {
|
|
|
224 -webkit-transform: scale3d(.95, 1.05, 1);
|
|
|
225 transform: scale3d(.95, 1.05, 1);
|
|
|
226 }
|
|
|
227
|
|
|
228 75% {
|
|
|
229 -webkit-transform: scale3d(1.05, .95, 1);
|
|
|
230 transform: scale3d(1.05, .95, 1);
|
|
|
231 }
|
|
|
232
|
|
|
233 to {
|
|
|
234 -webkit-transform: scale3d(1, 1, 1);
|
|
|
235 transform: scale3d(1, 1, 1);
|
|
|
236 }
|
|
|
237 }
|
|
|
238
|
|
|
239 .rubberBand {
|
|
|
240 -webkit-animation-name: rubberBand;
|
|
|
241 animation-name: rubberBand;
|
|
|
242 }
|
|
|
243
|
|
|
244 @-webkit-keyframes shake {
|
|
|
245 from, to {
|
|
|
246 -webkit-transform: translate3d(0, 0, 0);
|
|
|
247 transform: translate3d(0, 0, 0);
|
|
|
248 }
|
|
|
249
|
|
|
250 10%, 30%, 50%, 70%, 90% {
|
|
|
251 -webkit-transform: translate3d(-10px, 0, 0);
|
|
|
252 transform: translate3d(-10px, 0, 0);
|
|
|
253 }
|
|
|
254
|
|
|
255 20%, 40%, 60%, 80% {
|
|
|
256 -webkit-transform: translate3d(10px, 0, 0);
|
|
|
257 transform: translate3d(10px, 0, 0);
|
|
|
258 }
|
|
|
259 }
|
|
|
260
|
|
|
261 @keyframes shake {
|
|
|
262 from, to {
|
|
|
263 -webkit-transform: translate3d(0, 0, 0);
|
|
|
264 transform: translate3d(0, 0, 0);
|
|
|
265 }
|
|
|
266
|
|
|
267 10%, 30%, 50%, 70%, 90% {
|
|
|
268 -webkit-transform: translate3d(-10px, 0, 0);
|
|
|
269 transform: translate3d(-10px, 0, 0);
|
|
|
270 }
|
|
|
271
|
|
|
272 20%, 40%, 60%, 80% {
|
|
|
273 -webkit-transform: translate3d(10px, 0, 0);
|
|
|
274 transform: translate3d(10px, 0, 0);
|
|
|
275 }
|
|
|
276 }
|
|
|
277
|
|
|
278 .shake {
|
|
|
279 -webkit-animation-name: shake;
|
|
|
280 animation-name: shake;
|
|
|
281 }
|
|
|
282
|
|
|
283 @-webkit-keyframes headShake {
|
|
|
284 0% {
|
|
|
285 -webkit-transform: translateX(0);
|
|
|
286 transform: translateX(0);
|
|
|
287 }
|
|
|
288
|
|
|
289 6.5% {
|
|
|
290 -webkit-transform: translateX(-6px) rotateY(-9deg);
|
|
|
291 transform: translateX(-6px) rotateY(-9deg);
|
|
|
292 }
|
|
|
293
|
|
|
294 18.5% {
|
|
|
295 -webkit-transform: translateX(5px) rotateY(7deg);
|
|
|
296 transform: translateX(5px) rotateY(7deg);
|
|
|
297 }
|
|
|
298
|
|
|
299 31.5% {
|
|
|
300 -webkit-transform: translateX(-3px) rotateY(-5deg);
|
|
|
301 transform: translateX(-3px) rotateY(-5deg);
|
|
|
302 }
|
|
|
303
|
|
|
304 43.5% {
|
|
|
305 -webkit-transform: translateX(2px) rotateY(3deg);
|
|
|
306 transform: translateX(2px) rotateY(3deg);
|
|
|
307 }
|
|
|
308
|
|
|
309 50% {
|
|
|
310 -webkit-transform: translateX(0);
|
|
|
311 transform: translateX(0);
|
|
|
312 }
|
|
|
313 }
|
|
|
314
|
|
|
315 @keyframes headShake {
|
|
|
316 0% {
|
|
|
317 -webkit-transform: translateX(0);
|
|
|
318 transform: translateX(0);
|
|
|
319 }
|
|
|
320
|
|
|
321 6.5% {
|
|
|
322 -webkit-transform: translateX(-6px) rotateY(-9deg);
|
|
|
323 transform: translateX(-6px) rotateY(-9deg);
|
|
|
324 }
|
|
|
325
|
|
|
326 18.5% {
|
|
|
327 -webkit-transform: translateX(5px) rotateY(7deg);
|
|
|
328 transform: translateX(5px) rotateY(7deg);
|
|
|
329 }
|
|
|
330
|
|
|
331 31.5% {
|
|
|
332 -webkit-transform: translateX(-3px) rotateY(-5deg);
|
|
|
333 transform: translateX(-3px) rotateY(-5deg);
|
|
|
334 }
|
|
|
335
|
|
|
336 43.5% {
|
|
|
337 -webkit-transform: translateX(2px) rotateY(3deg);
|
|
|
338 transform: translateX(2px) rotateY(3deg);
|
|
|
339 }
|
|
|
340
|
|
|
341 50% {
|
|
|
342 -webkit-transform: translateX(0);
|
|
|
343 transform: translateX(0);
|
|
|
344 }
|
|
|
345 }
|
|
|
346
|
|
|
347 .headShake {
|
|
|
348 -webkit-animation-timing-function: ease-in-out;
|
|
|
349 animation-timing-function: ease-in-out;
|
|
|
350 -webkit-animation-name: headShake;
|
|
|
351 animation-name: headShake;
|
|
|
352 }
|
|
|
353
|
|
|
354 @-webkit-keyframes swing {
|
|
|
355 20% {
|
|
|
356 -webkit-transform: rotate3d(0, 0, 1, 15deg);
|
|
|
357 transform: rotate3d(0, 0, 1, 15deg);
|
|
|
358 }
|
|
|
359
|
|
|
360 40% {
|
|
|
361 -webkit-transform: rotate3d(0, 0, 1, -10deg);
|
|
|
362 transform: rotate3d(0, 0, 1, -10deg);
|
|
|
363 }
|
|
|
364
|
|
|
365 60% {
|
|
|
366 -webkit-transform: rotate3d(0, 0, 1, 5deg);
|
|
|
367 transform: rotate3d(0, 0, 1, 5deg);
|
|
|
368 }
|
|
|
369
|
|
|
370 80% {
|
|
|
371 -webkit-transform: rotate3d(0, 0, 1, -5deg);
|
|
|
372 transform: rotate3d(0, 0, 1, -5deg);
|
|
|
373 }
|
|
|
374
|
|
|
375 to {
|
|
|
376 -webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
|
377 transform: rotate3d(0, 0, 1, 0deg);
|
|
|
378 }
|
|
|
379 }
|
|
|
380
|
|
|
381 @keyframes swing {
|
|
|
382 20% {
|
|
|
383 -webkit-transform: rotate3d(0, 0, 1, 15deg);
|
|
|
384 transform: rotate3d(0, 0, 1, 15deg);
|
|
|
385 }
|
|
|
386
|
|
|
387 40% {
|
|
|
388 -webkit-transform: rotate3d(0, 0, 1, -10deg);
|
|
|
389 transform: rotate3d(0, 0, 1, -10deg);
|
|
|
390 }
|
|
|
391
|
|
|
392 60% {
|
|
|
393 -webkit-transform: rotate3d(0, 0, 1, 5deg);
|
|
|
394 transform: rotate3d(0, 0, 1, 5deg);
|
|
|
395 }
|
|
|
396
|
|
|
397 80% {
|
|
|
398 -webkit-transform: rotate3d(0, 0, 1, -5deg);
|
|
|
399 transform: rotate3d(0, 0, 1, -5deg);
|
|
|
400 }
|
|
|
401
|
|
|
402 to {
|
|
|
403 -webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
|
404 transform: rotate3d(0, 0, 1, 0deg);
|
|
|
405 }
|
|
|
406 }
|
|
|
407
|
|
|
408 .swing {
|
|
|
409 -webkit-transform-origin: top center;
|
|
|
410 transform-origin: top center;
|
|
|
411 -webkit-animation-name: swing;
|
|
|
412 animation-name: swing;
|
|
|
413 }
|
|
|
414
|
|
|
415 @-webkit-keyframes tada {
|
|
|
416 from {
|
|
|
417 -webkit-transform: scale3d(1, 1, 1);
|
|
|
418 transform: scale3d(1, 1, 1);
|
|
|
419 }
|
|
|
420
|
|
|
421 10%, 20% {
|
|
|
422 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
|
423 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
|
424 }
|
|
|
425
|
|
|
426 30%, 50%, 70%, 90% {
|
|
|
427 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
|
428 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
|
429 }
|
|
|
430
|
|
|
431 40%, 60%, 80% {
|
|
|
432 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
|
433 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
|
434 }
|
|
|
435
|
|
|
436 to {
|
|
|
437 -webkit-transform: scale3d(1, 1, 1);
|
|
|
438 transform: scale3d(1, 1, 1);
|
|
|
439 }
|
|
|
440 }
|
|
|
441
|
|
|
442 @keyframes tada {
|
|
|
443 from {
|
|
|
444 -webkit-transform: scale3d(1, 1, 1);
|
|
|
445 transform: scale3d(1, 1, 1);
|
|
|
446 }
|
|
|
447
|
|
|
448 10%, 20% {
|
|
|
449 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
|
450 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
|
|
451 }
|
|
|
452
|
|
|
453 30%, 50%, 70%, 90% {
|
|
|
454 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
|
455 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
|
456 }
|
|
|
457
|
|
|
458 40%, 60%, 80% {
|
|
|
459 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
|
460 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
|
461 }
|
|
|
462
|
|
|
463 to {
|
|
|
464 -webkit-transform: scale3d(1, 1, 1);
|
|
|
465 transform: scale3d(1, 1, 1);
|
|
|
466 }
|
|
|
467 }
|
|
|
468
|
|
|
469 .tada {
|
|
|
470 -webkit-animation-name: tada;
|
|
|
471 animation-name: tada;
|
|
|
472 }
|
|
|
473
|
|
|
474 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
475
|
|
|
476 @-webkit-keyframes wobble {
|
|
|
477 from {
|
|
|
478 -webkit-transform: none;
|
|
|
479 transform: none;
|
|
|
480 }
|
|
|
481
|
|
|
482 15% {
|
|
|
483 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
|
484 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
|
485 }
|
|
|
486
|
|
|
487 30% {
|
|
|
488 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
|
489 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
|
490 }
|
|
|
491
|
|
|
492 45% {
|
|
|
493 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
|
494 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
|
495 }
|
|
|
496
|
|
|
497 60% {
|
|
|
498 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
|
499 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
|
500 }
|
|
|
501
|
|
|
502 75% {
|
|
|
503 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
|
504 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
|
505 }
|
|
|
506
|
|
|
507 to {
|
|
|
508 -webkit-transform: none;
|
|
|
509 transform: none;
|
|
|
510 }
|
|
|
511 }
|
|
|
512
|
|
|
513 @keyframes wobble {
|
|
|
514 from {
|
|
|
515 -webkit-transform: none;
|
|
|
516 transform: none;
|
|
|
517 }
|
|
|
518
|
|
|
519 15% {
|
|
|
520 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
|
521 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
|
522 }
|
|
|
523
|
|
|
524 30% {
|
|
|
525 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
|
526 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
|
527 }
|
|
|
528
|
|
|
529 45% {
|
|
|
530 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
|
531 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
|
532 }
|
|
|
533
|
|
|
534 60% {
|
|
|
535 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
|
536 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
|
537 }
|
|
|
538
|
|
|
539 75% {
|
|
|
540 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
|
541 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
|
542 }
|
|
|
543
|
|
|
544 to {
|
|
|
545 -webkit-transform: none;
|
|
|
546 transform: none;
|
|
|
547 }
|
|
|
548 }
|
|
|
549
|
|
|
550 .wobble {
|
|
|
551 -webkit-animation-name: wobble;
|
|
|
552 animation-name: wobble;
|
|
|
553 }
|
|
|
554
|
|
|
555 @-webkit-keyframes jello {
|
|
|
556 from, 11.1%, to {
|
|
|
557 -webkit-transform: none;
|
|
|
558 transform: none;
|
|
|
559 }
|
|
|
560
|
|
|
561 22.2% {
|
|
|
562 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
|
563 transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
|
564 }
|
|
|
565
|
|
|
566 33.3% {
|
|
|
567 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
|
|
|
568 transform: skewX(6.25deg) skewY(6.25deg);
|
|
|
569 }
|
|
|
570
|
|
|
571 44.4% {
|
|
|
572 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
|
573 transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
|
574 }
|
|
|
575
|
|
|
576 55.5% {
|
|
|
577 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
|
578 transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
|
579 }
|
|
|
580
|
|
|
581 66.6% {
|
|
|
582 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
|
583 transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
|
584 }
|
|
|
585
|
|
|
586 77.7% {
|
|
|
587 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
|
588 transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
|
589 }
|
|
|
590
|
|
|
591 88.8% {
|
|
|
592 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
|
593 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
|
594 }
|
|
|
595 }
|
|
|
596
|
|
|
597 @keyframes jello {
|
|
|
598 from, 11.1%, to {
|
|
|
599 -webkit-transform: none;
|
|
|
600 transform: none;
|
|
|
601 }
|
|
|
602
|
|
|
603 22.2% {
|
|
|
604 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
|
605 transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
|
606 }
|
|
|
607
|
|
|
608 33.3% {
|
|
|
609 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
|
|
|
610 transform: skewX(6.25deg) skewY(6.25deg);
|
|
|
611 }
|
|
|
612
|
|
|
613 44.4% {
|
|
|
614 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
|
615 transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
|
616 }
|
|
|
617
|
|
|
618 55.5% {
|
|
|
619 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
|
620 transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
|
621 }
|
|
|
622
|
|
|
623 66.6% {
|
|
|
624 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
|
625 transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
|
626 }
|
|
|
627
|
|
|
628 77.7% {
|
|
|
629 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
|
630 transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
|
631 }
|
|
|
632
|
|
|
633 88.8% {
|
|
|
634 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
|
635 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
|
636 }
|
|
|
637 }
|
|
|
638
|
|
|
639 .jello {
|
|
|
640 -webkit-animation-name: jello;
|
|
|
641 animation-name: jello;
|
|
|
642 -webkit-transform-origin: center;
|
|
|
643 transform-origin: center;
|
|
|
644 }
|
|
|
645
|
|
|
646 @-webkit-keyframes bounceIn {
|
|
|
647 from, 20%, 40%, 60%, 80%, to {
|
|
|
648 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
649 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
650 }
|
|
|
651
|
|
|
652 0% {
|
|
|
653 opacity: 0;
|
|
|
654 -webkit-transform: scale3d(.3, .3, .3);
|
|
|
655 transform: scale3d(.3, .3, .3);
|
|
|
656 }
|
|
|
657
|
|
|
658 20% {
|
|
|
659 -webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
|
660 transform: scale3d(1.1, 1.1, 1.1);
|
|
|
661 }
|
|
|
662
|
|
|
663 40% {
|
|
|
664 -webkit-transform: scale3d(.9, .9, .9);
|
|
|
665 transform: scale3d(.9, .9, .9);
|
|
|
666 }
|
|
|
667
|
|
|
668 60% {
|
|
|
669 opacity: 1;
|
|
|
670 -webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
|
671 transform: scale3d(1.03, 1.03, 1.03);
|
|
|
672 }
|
|
|
673
|
|
|
674 80% {
|
|
|
675 -webkit-transform: scale3d(.97, .97, .97);
|
|
|
676 transform: scale3d(.97, .97, .97);
|
|
|
677 }
|
|
|
678
|
|
|
679 to {
|
|
|
680 opacity: 1;
|
|
|
681 -webkit-transform: scale3d(1, 1, 1);
|
|
|
682 transform: scale3d(1, 1, 1);
|
|
|
683 }
|
|
|
684 }
|
|
|
685
|
|
|
686 @keyframes bounceIn {
|
|
|
687 from, 20%, 40%, 60%, 80%, to {
|
|
|
688 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
689 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
690 }
|
|
|
691
|
|
|
692 0% {
|
|
|
693 opacity: 0;
|
|
|
694 -webkit-transform: scale3d(.3, .3, .3);
|
|
|
695 transform: scale3d(.3, .3, .3);
|
|
|
696 }
|
|
|
697
|
|
|
698 20% {
|
|
|
699 -webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
|
700 transform: scale3d(1.1, 1.1, 1.1);
|
|
|
701 }
|
|
|
702
|
|
|
703 40% {
|
|
|
704 -webkit-transform: scale3d(.9, .9, .9);
|
|
|
705 transform: scale3d(.9, .9, .9);
|
|
|
706 }
|
|
|
707
|
|
|
708 60% {
|
|
|
709 opacity: 1;
|
|
|
710 -webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
|
711 transform: scale3d(1.03, 1.03, 1.03);
|
|
|
712 }
|
|
|
713
|
|
|
714 80% {
|
|
|
715 -webkit-transform: scale3d(.97, .97, .97);
|
|
|
716 transform: scale3d(.97, .97, .97);
|
|
|
717 }
|
|
|
718
|
|
|
719 to {
|
|
|
720 opacity: 1;
|
|
|
721 -webkit-transform: scale3d(1, 1, 1);
|
|
|
722 transform: scale3d(1, 1, 1);
|
|
|
723 }
|
|
|
724 }
|
|
|
725
|
|
|
726 .bounceIn {
|
|
|
727 -webkit-animation-name: bounceIn;
|
|
|
728 animation-name: bounceIn;
|
|
|
729 }
|
|
|
730
|
|
|
731 @-webkit-keyframes bounceInDown {
|
|
|
732 from, 60%, 75%, 90%, to {
|
|
|
733 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
734 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
735 }
|
|
|
736
|
|
|
737 0% {
|
|
|
738 opacity: 0;
|
|
|
739 -webkit-transform: translate3d(0, -3000px, 0);
|
|
|
740 transform: translate3d(0, -3000px, 0);
|
|
|
741 }
|
|
|
742
|
|
|
743 60% {
|
|
|
744 opacity: 1;
|
|
|
745 -webkit-transform: translate3d(0, 25px, 0);
|
|
|
746 transform: translate3d(0, 25px, 0);
|
|
|
747 }
|
|
|
748
|
|
|
749 75% {
|
|
|
750 -webkit-transform: translate3d(0, -10px, 0);
|
|
|
751 transform: translate3d(0, -10px, 0);
|
|
|
752 }
|
|
|
753
|
|
|
754 90% {
|
|
|
755 -webkit-transform: translate3d(0, 5px, 0);
|
|
|
756 transform: translate3d(0, 5px, 0);
|
|
|
757 }
|
|
|
758
|
|
|
759 to {
|
|
|
760 -webkit-transform: none;
|
|
|
761 transform: none;
|
|
|
762 }
|
|
|
763 }
|
|
|
764
|
|
|
765 @keyframes bounceInDown {
|
|
|
766 from, 60%, 75%, 90%, to {
|
|
|
767 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
768 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
769 }
|
|
|
770
|
|
|
771 0% {
|
|
|
772 opacity: 0;
|
|
|
773 -webkit-transform: translate3d(0, -3000px, 0);
|
|
|
774 transform: translate3d(0, -3000px, 0);
|
|
|
775 }
|
|
|
776
|
|
|
777 60% {
|
|
|
778 opacity: 1;
|
|
|
779 -webkit-transform: translate3d(0, 25px, 0);
|
|
|
780 transform: translate3d(0, 25px, 0);
|
|
|
781 }
|
|
|
782
|
|
|
783 75% {
|
|
|
784 -webkit-transform: translate3d(0, -10px, 0);
|
|
|
785 transform: translate3d(0, -10px, 0);
|
|
|
786 }
|
|
|
787
|
|
|
788 90% {
|
|
|
789 -webkit-transform: translate3d(0, 5px, 0);
|
|
|
790 transform: translate3d(0, 5px, 0);
|
|
|
791 }
|
|
|
792
|
|
|
793 to {
|
|
|
794 -webkit-transform: none;
|
|
|
795 transform: none;
|
|
|
796 }
|
|
|
797 }
|
|
|
798
|
|
|
799 .bounceInDown {
|
|
|
800 -webkit-animation-name: bounceInDown;
|
|
|
801 animation-name: bounceInDown;
|
|
|
802 }
|
|
|
803
|
|
|
804 @-webkit-keyframes bounceInLeft {
|
|
|
805 from, 60%, 75%, 90%, to {
|
|
|
806 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
807 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
808 }
|
|
|
809
|
|
|
810 0% {
|
|
|
811 opacity: 0;
|
|
|
812 -webkit-transform: translate3d(-3000px, 0, 0);
|
|
|
813 transform: translate3d(-3000px, 0, 0);
|
|
|
814 }
|
|
|
815
|
|
|
816 60% {
|
|
|
817 opacity: 1;
|
|
|
818 -webkit-transform: translate3d(25px, 0, 0);
|
|
|
819 transform: translate3d(25px, 0, 0);
|
|
|
820 }
|
|
|
821
|
|
|
822 75% {
|
|
|
823 -webkit-transform: translate3d(-10px, 0, 0);
|
|
|
824 transform: translate3d(-10px, 0, 0);
|
|
|
825 }
|
|
|
826
|
|
|
827 90% {
|
|
|
828 -webkit-transform: translate3d(5px, 0, 0);
|
|
|
829 transform: translate3d(5px, 0, 0);
|
|
|
830 }
|
|
|
831
|
|
|
832 to {
|
|
|
833 -webkit-transform: none;
|
|
|
834 transform: none;
|
|
|
835 }
|
|
|
836 }
|
|
|
837
|
|
|
838 @keyframes bounceInLeft {
|
|
|
839 from, 60%, 75%, 90%, to {
|
|
|
840 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
841 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
842 }
|
|
|
843
|
|
|
844 0% {
|
|
|
845 opacity: 0;
|
|
|
846 -webkit-transform: translate3d(-3000px, 0, 0);
|
|
|
847 transform: translate3d(-3000px, 0, 0);
|
|
|
848 }
|
|
|
849
|
|
|
850 60% {
|
|
|
851 opacity: 1;
|
|
|
852 -webkit-transform: translate3d(25px, 0, 0);
|
|
|
853 transform: translate3d(25px, 0, 0);
|
|
|
854 }
|
|
|
855
|
|
|
856 75% {
|
|
|
857 -webkit-transform: translate3d(-10px, 0, 0);
|
|
|
858 transform: translate3d(-10px, 0, 0);
|
|
|
859 }
|
|
|
860
|
|
|
861 90% {
|
|
|
862 -webkit-transform: translate3d(5px, 0, 0);
|
|
|
863 transform: translate3d(5px, 0, 0);
|
|
|
864 }
|
|
|
865
|
|
|
866 to {
|
|
|
867 -webkit-transform: none;
|
|
|
868 transform: none;
|
|
|
869 }
|
|
|
870 }
|
|
|
871
|
|
|
872 .bounceInLeft {
|
|
|
873 -webkit-animation-name: bounceInLeft;
|
|
|
874 animation-name: bounceInLeft;
|
|
|
875 }
|
|
|
876
|
|
|
877 @-webkit-keyframes bounceInRight {
|
|
|
878 from, 60%, 75%, 90%, to {
|
|
|
879 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
880 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
881 }
|
|
|
882
|
|
|
883 from {
|
|
|
884 opacity: 0;
|
|
|
885 -webkit-transform: translate3d(3000px, 0, 0);
|
|
|
886 transform: translate3d(3000px, 0, 0);
|
|
|
887 }
|
|
|
888
|
|
|
889 60% {
|
|
|
890 opacity: 1;
|
|
|
891 -webkit-transform: translate3d(-25px, 0, 0);
|
|
|
892 transform: translate3d(-25px, 0, 0);
|
|
|
893 }
|
|
|
894
|
|
|
895 75% {
|
|
|
896 -webkit-transform: translate3d(10px, 0, 0);
|
|
|
897 transform: translate3d(10px, 0, 0);
|
|
|
898 }
|
|
|
899
|
|
|
900 90% {
|
|
|
901 -webkit-transform: translate3d(-5px, 0, 0);
|
|
|
902 transform: translate3d(-5px, 0, 0);
|
|
|
903 }
|
|
|
904
|
|
|
905 to {
|
|
|
906 -webkit-transform: none;
|
|
|
907 transform: none;
|
|
|
908 }
|
|
|
909 }
|
|
|
910
|
|
|
911 @keyframes bounceInRight {
|
|
|
912 from, 60%, 75%, 90%, to {
|
|
|
913 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
914 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
915 }
|
|
|
916
|
|
|
917 from {
|
|
|
918 opacity: 0;
|
|
|
919 -webkit-transform: translate3d(3000px, 0, 0);
|
|
|
920 transform: translate3d(3000px, 0, 0);
|
|
|
921 }
|
|
|
922
|
|
|
923 60% {
|
|
|
924 opacity: 1;
|
|
|
925 -webkit-transform: translate3d(-25px, 0, 0);
|
|
|
926 transform: translate3d(-25px, 0, 0);
|
|
|
927 }
|
|
|
928
|
|
|
929 75% {
|
|
|
930 -webkit-transform: translate3d(10px, 0, 0);
|
|
|
931 transform: translate3d(10px, 0, 0);
|
|
|
932 }
|
|
|
933
|
|
|
934 90% {
|
|
|
935 -webkit-transform: translate3d(-5px, 0, 0);
|
|
|
936 transform: translate3d(-5px, 0, 0);
|
|
|
937 }
|
|
|
938
|
|
|
939 to {
|
|
|
940 -webkit-transform: none;
|
|
|
941 transform: none;
|
|
|
942 }
|
|
|
943 }
|
|
|
944
|
|
|
945 .bounceInRight {
|
|
|
946 -webkit-animation-name: bounceInRight;
|
|
|
947 animation-name: bounceInRight;
|
|
|
948 }
|
|
|
949
|
|
|
950 @-webkit-keyframes bounceInUp {
|
|
|
951 from, 60%, 75%, 90%, to {
|
|
|
952 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
953 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
954 }
|
|
|
955
|
|
|
956 from {
|
|
|
957 opacity: 0;
|
|
|
958 -webkit-transform: translate3d(0, 3000px, 0);
|
|
|
959 transform: translate3d(0, 3000px, 0);
|
|
|
960 }
|
|
|
961
|
|
|
962 60% {
|
|
|
963 opacity: 1;
|
|
|
964 -webkit-transform: translate3d(0, -20px, 0);
|
|
|
965 transform: translate3d(0, -20px, 0);
|
|
|
966 }
|
|
|
967
|
|
|
968 75% {
|
|
|
969 -webkit-transform: translate3d(0, 10px, 0);
|
|
|
970 transform: translate3d(0, 10px, 0);
|
|
|
971 }
|
|
|
972
|
|
|
973 90% {
|
|
|
974 -webkit-transform: translate3d(0, -5px, 0);
|
|
|
975 transform: translate3d(0, -5px, 0);
|
|
|
976 }
|
|
|
977
|
|
|
978 to {
|
|
|
979 -webkit-transform: translate3d(0, 0, 0);
|
|
|
980 transform: translate3d(0, 0, 0);
|
|
|
981 }
|
|
|
982 }
|
|
|
983
|
|
|
984 @keyframes bounceInUp {
|
|
|
985 from, 60%, 75%, 90%, to {
|
|
|
986 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
987 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
|
988 }
|
|
|
989
|
|
|
990 from {
|
|
|
991 opacity: 0;
|
|
|
992 -webkit-transform: translate3d(0, 3000px, 0);
|
|
|
993 transform: translate3d(0, 3000px, 0);
|
|
|
994 }
|
|
|
995
|
|
|
996 60% {
|
|
|
997 opacity: 1;
|
|
|
998 -webkit-transform: translate3d(0, -20px, 0);
|
|
|
999 transform: translate3d(0, -20px, 0);
|
|
|
1000 }
|
|
|
1001
|
|
|
1002 75% {
|
|
|
1003 -webkit-transform: translate3d(0, 10px, 0);
|
|
|
1004 transform: translate3d(0, 10px, 0);
|
|
|
1005 }
|
|
|
1006
|
|
|
1007 90% {
|
|
|
1008 -webkit-transform: translate3d(0, -5px, 0);
|
|
|
1009 transform: translate3d(0, -5px, 0);
|
|
|
1010 }
|
|
|
1011
|
|
|
1012 to {
|
|
|
1013 -webkit-transform: translate3d(0, 0, 0);
|
|
|
1014 transform: translate3d(0, 0, 0);
|
|
|
1015 }
|
|
|
1016 }
|
|
|
1017
|
|
|
1018 .bounceInUp {
|
|
|
1019 -webkit-animation-name: bounceInUp;
|
|
|
1020 animation-name: bounceInUp;
|
|
|
1021 }
|
|
|
1022
|
|
|
1023 @-webkit-keyframes bounceOut {
|
|
|
1024 20% {
|
|
|
1025 -webkit-transform: scale3d(.9, .9, .9);
|
|
|
1026 transform: scale3d(.9, .9, .9);
|
|
|
1027 }
|
|
|
1028
|
|
|
1029 50%, 55% {
|
|
|
1030 opacity: 1;
|
|
|
1031 -webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
|
1032 transform: scale3d(1.1, 1.1, 1.1);
|
|
|
1033 }
|
|
|
1034
|
|
|
1035 to {
|
|
|
1036 opacity: 0;
|
|
|
1037 -webkit-transform: scale3d(.3, .3, .3);
|
|
|
1038 transform: scale3d(.3, .3, .3);
|
|
|
1039 }
|
|
|
1040 }
|
|
|
1041
|
|
|
1042 @keyframes bounceOut {
|
|
|
1043 20% {
|
|
|
1044 -webkit-transform: scale3d(.9, .9, .9);
|
|
|
1045 transform: scale3d(.9, .9, .9);
|
|
|
1046 }
|
|
|
1047
|
|
|
1048 50%, 55% {
|
|
|
1049 opacity: 1;
|
|
|
1050 -webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
|
1051 transform: scale3d(1.1, 1.1, 1.1);
|
|
|
1052 }
|
|
|
1053
|
|
|
1054 to {
|
|
|
1055 opacity: 0;
|
|
|
1056 -webkit-transform: scale3d(.3, .3, .3);
|
|
|
1057 transform: scale3d(.3, .3, .3);
|
|
|
1058 }
|
|
|
1059 }
|
|
|
1060
|
|
|
1061 .bounceOut {
|
|
|
1062 -webkit-animation-name: bounceOut;
|
|
|
1063 animation-name: bounceOut;
|
|
|
1064 }
|
|
|
1065
|
|
|
1066 @-webkit-keyframes bounceOutDown {
|
|
|
1067 20% {
|
|
|
1068 -webkit-transform: translate3d(0, 10px, 0);
|
|
|
1069 transform: translate3d(0, 10px, 0);
|
|
|
1070 }
|
|
|
1071
|
|
|
1072 40%, 45% {
|
|
|
1073 opacity: 1;
|
|
|
1074 -webkit-transform: translate3d(0, -20px, 0);
|
|
|
1075 transform: translate3d(0, -20px, 0);
|
|
|
1076 }
|
|
|
1077
|
|
|
1078 to {
|
|
|
1079 opacity: 0;
|
|
|
1080 -webkit-transform: translate3d(0, 2000px, 0);
|
|
|
1081 transform: translate3d(0, 2000px, 0);
|
|
|
1082 }
|
|
|
1083 }
|
|
|
1084
|
|
|
1085 @keyframes bounceOutDown {
|
|
|
1086 20% {
|
|
|
1087 -webkit-transform: translate3d(0, 10px, 0);
|
|
|
1088 transform: translate3d(0, 10px, 0);
|
|
|
1089 }
|
|
|
1090
|
|
|
1091 40%, 45% {
|
|
|
1092 opacity: 1;
|
|
|
1093 -webkit-transform: translate3d(0, -20px, 0);
|
|
|
1094 transform: translate3d(0, -20px, 0);
|
|
|
1095 }
|
|
|
1096
|
|
|
1097 to {
|
|
|
1098 opacity: 0;
|
|
|
1099 -webkit-transform: translate3d(0, 2000px, 0);
|
|
|
1100 transform: translate3d(0, 2000px, 0);
|
|
|
1101 }
|
|
|
1102 }
|
|
|
1103
|
|
|
1104 .bounceOutDown {
|
|
|
1105 -webkit-animation-name: bounceOutDown;
|
|
|
1106 animation-name: bounceOutDown;
|
|
|
1107 }
|
|
|
1108
|
|
|
1109 @-webkit-keyframes bounceOutLeft {
|
|
|
1110 20% {
|
|
|
1111 opacity: 1;
|
|
|
1112 -webkit-transform: translate3d(20px, 0, 0);
|
|
|
1113 transform: translate3d(20px, 0, 0);
|
|
|
1114 }
|
|
|
1115
|
|
|
1116 to {
|
|
|
1117 opacity: 0;
|
|
|
1118 -webkit-transform: translate3d(-2000px, 0, 0);
|
|
|
1119 transform: translate3d(-2000px, 0, 0);
|
|
|
1120 }
|
|
|
1121 }
|
|
|
1122
|
|
|
1123 @keyframes bounceOutLeft {
|
|
|
1124 20% {
|
|
|
1125 opacity: 1;
|
|
|
1126 -webkit-transform: translate3d(20px, 0, 0);
|
|
|
1127 transform: translate3d(20px, 0, 0);
|
|
|
1128 }
|
|
|
1129
|
|
|
1130 to {
|
|
|
1131 opacity: 0;
|
|
|
1132 -webkit-transform: translate3d(-2000px, 0, 0);
|
|
|
1133 transform: translate3d(-2000px, 0, 0);
|
|
|
1134 }
|
|
|
1135 }
|
|
|
1136
|
|
|
1137 .bounceOutLeft {
|
|
|
1138 -webkit-animation-name: bounceOutLeft;
|
|
|
1139 animation-name: bounceOutLeft;
|
|
|
1140 }
|
|
|
1141
|
|
|
1142 @-webkit-keyframes bounceOutRight {
|
|
|
1143 20% {
|
|
|
1144 opacity: 1;
|
|
|
1145 -webkit-transform: translate3d(-20px, 0, 0);
|
|
|
1146 transform: translate3d(-20px, 0, 0);
|
|
|
1147 }
|
|
|
1148
|
|
|
1149 to {
|
|
|
1150 opacity: 0;
|
|
|
1151 -webkit-transform: translate3d(2000px, 0, 0);
|
|
|
1152 transform: translate3d(2000px, 0, 0);
|
|
|
1153 }
|
|
|
1154 }
|
|
|
1155
|
|
|
1156 @keyframes bounceOutRight {
|
|
|
1157 20% {
|
|
|
1158 opacity: 1;
|
|
|
1159 -webkit-transform: translate3d(-20px, 0, 0);
|
|
|
1160 transform: translate3d(-20px, 0, 0);
|
|
|
1161 }
|
|
|
1162
|
|
|
1163 to {
|
|
|
1164 opacity: 0;
|
|
|
1165 -webkit-transform: translate3d(2000px, 0, 0);
|
|
|
1166 transform: translate3d(2000px, 0, 0);
|
|
|
1167 }
|
|
|
1168 }
|
|
|
1169
|
|
|
1170 .bounceOutRight {
|
|
|
1171 -webkit-animation-name: bounceOutRight;
|
|
|
1172 animation-name: bounceOutRight;
|
|
|
1173 }
|
|
|
1174
|
|
|
1175 @-webkit-keyframes bounceOutUp {
|
|
|
1176 20% {
|
|
|
1177 -webkit-transform: translate3d(0, -10px, 0);
|
|
|
1178 transform: translate3d(0, -10px, 0);
|
|
|
1179 }
|
|
|
1180
|
|
|
1181 40%, 45% {
|
|
|
1182 opacity: 1;
|
|
|
1183 -webkit-transform: translate3d(0, 20px, 0);
|
|
|
1184 transform: translate3d(0, 20px, 0);
|
|
|
1185 }
|
|
|
1186
|
|
|
1187 to {
|
|
|
1188 opacity: 0;
|
|
|
1189 -webkit-transform: translate3d(0, -2000px, 0);
|
|
|
1190 transform: translate3d(0, -2000px, 0);
|
|
|
1191 }
|
|
|
1192 }
|
|
|
1193
|
|
|
1194 @keyframes bounceOutUp {
|
|
|
1195 20% {
|
|
|
1196 -webkit-transform: translate3d(0, -10px, 0);
|
|
|
1197 transform: translate3d(0, -10px, 0);
|
|
|
1198 }
|
|
|
1199
|
|
|
1200 40%, 45% {
|
|
|
1201 opacity: 1;
|
|
|
1202 -webkit-transform: translate3d(0, 20px, 0);
|
|
|
1203 transform: translate3d(0, 20px, 0);
|
|
|
1204 }
|
|
|
1205
|
|
|
1206 to {
|
|
|
1207 opacity: 0;
|
|
|
1208 -webkit-transform: translate3d(0, -2000px, 0);
|
|
|
1209 transform: translate3d(0, -2000px, 0);
|
|
|
1210 }
|
|
|
1211 }
|
|
|
1212
|
|
|
1213 .bounceOutUp {
|
|
|
1214 -webkit-animation-name: bounceOutUp;
|
|
|
1215 animation-name: bounceOutUp;
|
|
|
1216 }
|
|
|
1217
|
|
|
1218 @-webkit-keyframes fadeIn {
|
|
|
1219 from {
|
|
|
1220 opacity: 0;
|
|
|
1221 }
|
|
|
1222
|
|
|
1223 to {
|
|
|
1224 opacity: 1;
|
|
|
1225 }
|
|
|
1226 }
|
|
|
1227
|
|
|
1228 @keyframes fadeIn {
|
|
|
1229 from {
|
|
|
1230 opacity: 0;
|
|
|
1231 }
|
|
|
1232
|
|
|
1233 to {
|
|
|
1234 opacity: 1;
|
|
|
1235 }
|
|
|
1236 }
|
|
|
1237
|
|
|
1238 .fadeIn {
|
|
|
1239 -webkit-animation-name: fadeIn;
|
|
|
1240 animation-name: fadeIn;
|
|
|
1241 }
|
|
|
1242
|
|
|
1243 @-webkit-keyframes fadeInDown {
|
|
|
1244 from {
|
|
|
1245 opacity: 0;
|
|
|
1246 -webkit-transform: translate3d(0, -50%, 0);
|
|
|
1247 transform: translate3d(0, -50%, 0);
|
|
|
1248 }
|
|
|
1249
|
|
|
1250 to {
|
|
|
1251 opacity: 1;
|
|
|
1252 -webkit-transform: none;
|
|
|
1253 transform: none;
|
|
|
1254 }
|
|
|
1255 }
|
|
|
1256
|
|
|
1257 @keyframes fadeInDown {
|
|
|
1258 from {
|
|
|
1259 opacity: 0;
|
|
|
1260 -webkit-transform: translate3d(0, -50%, 0);
|
|
|
1261 transform: translate3d(0, -50%, 0);
|
|
|
1262 }
|
|
|
1263
|
|
|
1264 to {
|
|
|
1265 opacity: 1;
|
|
|
1266 -webkit-transform: none;
|
|
|
1267 transform: none;
|
|
|
1268 }
|
|
|
1269 }
|
|
|
1270
|
|
|
1271 .fadeInDown {
|
|
|
1272 -webkit-animation-name: fadeInDown;
|
|
|
1273 animation-name: fadeInDown;
|
|
|
1274 }
|
|
|
1275
|
|
|
1276 @-webkit-keyframes fadeInDownBig {
|
|
|
1277 from {
|
|
|
1278 opacity: 0;
|
|
|
1279 -webkit-transform: translate3d(0, -2000px, 0);
|
|
|
1280 transform: translate3d(0, -2000px, 0);
|
|
|
1281 }
|
|
|
1282
|
|
|
1283 to {
|
|
|
1284 opacity: 1;
|
|
|
1285 -webkit-transform: none;
|
|
|
1286 transform: none;
|
|
|
1287 }
|
|
|
1288 }
|
|
|
1289
|
|
|
1290 @keyframes fadeInDownBig {
|
|
|
1291 from {
|
|
|
1292 opacity: 0;
|
|
|
1293 -webkit-transform: translate3d(0, -2000px, 0);
|
|
|
1294 transform: translate3d(0, -2000px, 0);
|
|
|
1295 }
|
|
|
1296
|
|
|
1297 to {
|
|
|
1298 opacity: 1;
|
|
|
1299 -webkit-transform: none;
|
|
|
1300 transform: none;
|
|
|
1301 }
|
|
|
1302 }
|
|
|
1303
|
|
|
1304 .fadeInDownBig {
|
|
|
1305 -webkit-animation-name: fadeInDownBig;
|
|
|
1306 animation-name: fadeInDownBig;
|
|
|
1307 }
|
|
|
1308
|
|
|
1309 @-webkit-keyframes fadeInLeft {
|
|
|
1310 from {
|
|
|
1311 opacity: 0;
|
|
|
1312 -webkit-transform: translate3d(-50%, 0, 0);
|
|
|
1313 transform: translate3d(-50%, 0, 0);
|
|
|
1314 }
|
|
|
1315
|
|
|
1316 to {
|
|
|
1317 opacity: 1;
|
|
|
1318 -webkit-transform: none;
|
|
|
1319 transform: none;
|
|
|
1320 }
|
|
|
1321 }
|
|
|
1322
|
|
|
1323 @keyframes fadeInLeft {
|
|
|
1324 from {
|
|
|
1325 opacity: 0;
|
|
|
1326 -webkit-transform: translate3d(-50%, 0, 0);
|
|
|
1327 transform: translate3d(-50%, 0, 0);
|
|
|
1328 }
|
|
|
1329
|
|
|
1330 to {
|
|
|
1331 opacity: 1;
|
|
|
1332 -webkit-transform: none;
|
|
|
1333 transform: none;
|
|
|
1334 }
|
|
|
1335 }
|
|
|
1336
|
|
|
1337 .fadeInLeft {
|
|
|
1338 -webkit-animation-name: fadeInLeft;
|
|
|
1339 animation-name: fadeInLeft;
|
|
|
1340 }
|
|
|
1341
|
|
|
1342 @-webkit-keyframes fadeInLeftBig {
|
|
|
1343 from {
|
|
|
1344 opacity: 0;
|
|
|
1345 -webkit-transform: translate3d(-2000px, 0, 0);
|
|
|
1346 transform: translate3d(-2000px, 0, 0);
|
|
|
1347 }
|
|
|
1348
|
|
|
1349 to {
|
|
|
1350 opacity: 1;
|
|
|
1351 -webkit-transform: none;
|
|
|
1352 transform: none;
|
|
|
1353 }
|
|
|
1354 }
|
|
|
1355
|
|
|
1356 @keyframes fadeInLeftBig {
|
|
|
1357 from {
|
|
|
1358 opacity: 0;
|
|
|
1359 -webkit-transform: translate3d(-2000px, 0, 0);
|
|
|
1360 transform: translate3d(-2000px, 0, 0);
|
|
|
1361 }
|
|
|
1362
|
|
|
1363 to {
|
|
|
1364 opacity: 1;
|
|
|
1365 -webkit-transform: none;
|
|
|
1366 transform: none;
|
|
|
1367 }
|
|
|
1368 }
|
|
|
1369
|
|
|
1370 .fadeInLeftBig {
|
|
|
1371 -webkit-animation-name: fadeInLeftBig;
|
|
|
1372 animation-name: fadeInLeftBig;
|
|
|
1373 }
|
|
|
1374
|
|
|
1375 @-webkit-keyframes fadeInRight {
|
|
|
1376 from {
|
|
|
1377 opacity: 0;
|
|
|
1378 -webkit-transform: translate3d(50%, 0, 0);
|
|
|
1379 transform: translate3d(50%, 0, 0);
|
|
|
1380 }
|
|
|
1381
|
|
|
1382 to {
|
|
|
1383 opacity: 1;
|
|
|
1384 -webkit-transform: none;
|
|
|
1385 transform: none;
|
|
|
1386 }
|
|
|
1387 }
|
|
|
1388
|
|
|
1389 @keyframes fadeInRight {
|
|
|
1390 from {
|
|
|
1391 opacity: 0;
|
|
|
1392 -webkit-transform: translate3d(50%, 0, 0);
|
|
|
1393 transform: translate3d(50%, 0, 0);
|
|
|
1394 }
|
|
|
1395
|
|
|
1396 to {
|
|
|
1397 opacity: 1;
|
|
|
1398 -webkit-transform: none;
|
|
|
1399 transform: none;
|
|
|
1400 }
|
|
|
1401 }
|
|
|
1402
|
|
|
1403 .fadeInRight {
|
|
|
1404 -webkit-animation-name: fadeInRight;
|
|
|
1405 animation-name: fadeInRight;
|
|
|
1406 }
|
|
|
1407
|
|
|
1408 @-webkit-keyframes fadeInRightBig {
|
|
|
1409 from {
|
|
|
1410 opacity: 0;
|
|
|
1411 -webkit-transform: translate3d(2000px, 0, 0);
|
|
|
1412 transform: translate3d(2000px, 0, 0);
|
|
|
1413 }
|
|
|
1414
|
|
|
1415 to {
|
|
|
1416 opacity: 1;
|
|
|
1417 -webkit-transform: none;
|
|
|
1418 transform: none;
|
|
|
1419 }
|
|
|
1420 }
|
|
|
1421
|
|
|
1422 @keyframes fadeInRightBig {
|
|
|
1423 from {
|
|
|
1424 opacity: 0;
|
|
|
1425 -webkit-transform: translate3d(2000px, 0, 0);
|
|
|
1426 transform: translate3d(2000px, 0, 0);
|
|
|
1427 }
|
|
|
1428
|
|
|
1429 to {
|
|
|
1430 opacity: 1;
|
|
|
1431 -webkit-transform: none;
|
|
|
1432 transform: none;
|
|
|
1433 }
|
|
|
1434 }
|
|
|
1435
|
|
|
1436 .fadeInRightBig {
|
|
|
1437 -webkit-animation-name: fadeInRightBig;
|
|
|
1438 animation-name: fadeInRightBig;
|
|
|
1439 }
|
|
|
1440
|
|
|
1441 @-webkit-keyframes fadeInUp {
|
|
|
1442 from {
|
|
|
1443 opacity: 0;
|
|
|
1444 -webkit-transform: translate3d(0, 50%, 0);
|
|
|
1445 transform: translate3d(0, 50%, 0);
|
|
|
1446 }
|
|
|
1447
|
|
|
1448 to {
|
|
|
1449 opacity: 1;
|
|
|
1450 -webkit-transform: none;
|
|
|
1451 transform: none;
|
|
|
1452 }
|
|
|
1453 }
|
|
|
1454
|
|
|
1455 @keyframes fadeInUp {
|
|
|
1456 from {
|
|
|
1457 opacity: 0;
|
|
|
1458 -webkit-transform: translate3d(0, 50%, 0);
|
|
|
1459 transform: translate3d(0, 50%, 0);
|
|
|
1460 }
|
|
|
1461
|
|
|
1462 to {
|
|
|
1463 opacity: 1;
|
|
|
1464 -webkit-transform: none;
|
|
|
1465 transform: none;
|
|
|
1466 }
|
|
|
1467 }
|
|
|
1468
|
|
|
1469 .fadeInUp {
|
|
|
1470 -webkit-animation-name: fadeInUp;
|
|
|
1471 animation-name: fadeInUp;
|
|
|
1472 }
|
|
|
1473
|
|
|
1474 @-webkit-keyframes fadeInUpBig {
|
|
|
1475 from {
|
|
|
1476 opacity: 0;
|
|
|
1477 -webkit-transform: translate3d(0, 2000px, 0);
|
|
|
1478 transform: translate3d(0, 2000px, 0);
|
|
|
1479 }
|
|
|
1480
|
|
|
1481 to {
|
|
|
1482 opacity: 1;
|
|
|
1483 -webkit-transform: none;
|
|
|
1484 transform: none;
|
|
|
1485 }
|
|
|
1486 }
|
|
|
1487
|
|
|
1488 @keyframes fadeInUpBig {
|
|
|
1489 from {
|
|
|
1490 opacity: 0;
|
|
|
1491 -webkit-transform: translate3d(0, 2000px, 0);
|
|
|
1492 transform: translate3d(0, 2000px, 0);
|
|
|
1493 }
|
|
|
1494
|
|
|
1495 to {
|
|
|
1496 opacity: 1;
|
|
|
1497 -webkit-transform: none;
|
|
|
1498 transform: none;
|
|
|
1499 }
|
|
|
1500 }
|
|
|
1501
|
|
|
1502 .fadeInUpBig {
|
|
|
1503 -webkit-animation-name: fadeInUpBig;
|
|
|
1504 animation-name: fadeInUpBig;
|
|
|
1505 }
|
|
|
1506
|
|
|
1507 @-webkit-keyframes fadeOut {
|
|
|
1508 from {
|
|
|
1509 opacity: 1;
|
|
|
1510 }
|
|
|
1511
|
|
|
1512 to {
|
|
|
1513 opacity: 0;
|
|
|
1514 }
|
|
|
1515 }
|
|
|
1516
|
|
|
1517 @keyframes fadeOut {
|
|
|
1518 from {
|
|
|
1519 opacity: 1;
|
|
|
1520 }
|
|
|
1521
|
|
|
1522 to {
|
|
|
1523 opacity: 0;
|
|
|
1524 }
|
|
|
1525 }
|
|
|
1526
|
|
|
1527 .fadeOut {
|
|
|
1528 -webkit-animation-name: fadeOut;
|
|
|
1529 animation-name: fadeOut;
|
|
|
1530 }
|
|
|
1531
|
|
|
1532 @-webkit-keyframes fadeOutDown {
|
|
|
1533 from {
|
|
|
1534 opacity: 1;
|
|
|
1535 }
|
|
|
1536
|
|
|
1537 to {
|
|
|
1538 opacity: 0;
|
|
|
1539 -webkit-transform: translate3d(0, 100%, 0);
|
|
|
1540 transform: translate3d(0, 100%, 0);
|
|
|
1541 }
|
|
|
1542 }
|
|
|
1543
|
|
|
1544 @keyframes fadeOutDown {
|
|
|
1545 from {
|
|
|
1546 opacity: 1;
|
|
|
1547 }
|
|
|
1548
|
|
|
1549 to {
|
|
|
1550 opacity: 0;
|
|
|
1551 -webkit-transform: translate3d(0, 100%, 0);
|
|
|
1552 transform: translate3d(0, 100%, 0);
|
|
|
1553 }
|
|
|
1554 }
|
|
|
1555
|
|
|
1556 .fadeOutDown {
|
|
|
1557 -webkit-animation-name: fadeOutDown;
|
|
|
1558 animation-name: fadeOutDown;
|
|
|
1559 }
|
|
|
1560
|
|
|
1561 @-webkit-keyframes fadeOutDownBig {
|
|
|
1562 from {
|
|
|
1563 opacity: 1;
|
|
|
1564 }
|
|
|
1565
|
|
|
1566 to {
|
|
|
1567 opacity: 0;
|
|
|
1568 -webkit-transform: translate3d(0, 2000px, 0);
|
|
|
1569 transform: translate3d(0, 2000px, 0);
|
|
|
1570 }
|
|
|
1571 }
|
|
|
1572
|
|
|
1573 @keyframes fadeOutDownBig {
|
|
|
1574 from {
|
|
|
1575 opacity: 1;
|
|
|
1576 }
|
|
|
1577
|
|
|
1578 to {
|
|
|
1579 opacity: 0;
|
|
|
1580 -webkit-transform: translate3d(0, 2000px, 0);
|
|
|
1581 transform: translate3d(0, 2000px, 0);
|
|
|
1582 }
|
|
|
1583 }
|
|
|
1584
|
|
|
1585 .fadeOutDownBig {
|
|
|
1586 -webkit-animation-name: fadeOutDownBig;
|
|
|
1587 animation-name: fadeOutDownBig;
|
|
|
1588 }
|
|
|
1589
|
|
|
1590 @-webkit-keyframes fadeOutLeft {
|
|
|
1591 from {
|
|
|
1592 opacity: 1;
|
|
|
1593 }
|
|
|
1594
|
|
|
1595 to {
|
|
|
1596 opacity: 0;
|
|
|
1597 -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
1598 transform: translate3d(-100%, 0, 0);
|
|
|
1599 }
|
|
|
1600 }
|
|
|
1601
|
|
|
1602 @keyframes fadeOutLeft {
|
|
|
1603 from {
|
|
|
1604 opacity: 1;
|
|
|
1605 }
|
|
|
1606
|
|
|
1607 to {
|
|
|
1608 opacity: 0;
|
|
|
1609 -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
1610 transform: translate3d(-100%, 0, 0);
|
|
|
1611 }
|
|
|
1612 }
|
|
|
1613
|
|
|
1614 .fadeOutLeft {
|
|
|
1615 -webkit-animation-name: fadeOutLeft;
|
|
|
1616 animation-name: fadeOutLeft;
|
|
|
1617 }
|
|
|
1618
|
|
|
1619 @-webkit-keyframes fadeOutLeftBig {
|
|
|
1620 from {
|
|
|
1621 opacity: 1;
|
|
|
1622 }
|
|
|
1623
|
|
|
1624 to {
|
|
|
1625 opacity: 0;
|
|
|
1626 -webkit-transform: translate3d(-2000px, 0, 0);
|
|
|
1627 transform: translate3d(-2000px, 0, 0);
|
|
|
1628 }
|
|
|
1629 }
|
|
|
1630
|
|
|
1631 @keyframes fadeOutLeftBig {
|
|
|
1632 from {
|
|
|
1633 opacity: 1;
|
|
|
1634 }
|
|
|
1635
|
|
|
1636 to {
|
|
|
1637 opacity: 0;
|
|
|
1638 -webkit-transform: translate3d(-2000px, 0, 0);
|
|
|
1639 transform: translate3d(-2000px, 0, 0);
|
|
|
1640 }
|
|
|
1641 }
|
|
|
1642
|
|
|
1643 .fadeOutLeftBig {
|
|
|
1644 -webkit-animation-name: fadeOutLeftBig;
|
|
|
1645 animation-name: fadeOutLeftBig;
|
|
|
1646 }
|
|
|
1647
|
|
|
1648 @-webkit-keyframes fadeOutRight {
|
|
|
1649 from {
|
|
|
1650 opacity: 1;
|
|
|
1651 }
|
|
|
1652
|
|
|
1653 to {
|
|
|
1654 opacity: 0;
|
|
|
1655 -webkit-transform: translate3d(100%, 0, 0);
|
|
|
1656 transform: translate3d(100%, 0, 0);
|
|
|
1657 }
|
|
|
1658 }
|
|
|
1659
|
|
|
1660 @keyframes fadeOutRight {
|
|
|
1661 from {
|
|
|
1662 opacity: 1;
|
|
|
1663 }
|
|
|
1664
|
|
|
1665 to {
|
|
|
1666 opacity: 0;
|
|
|
1667 -webkit-transform: translate3d(100%, 0, 0);
|
|
|
1668 transform: translate3d(100%, 0, 0);
|
|
|
1669 }
|
|
|
1670 }
|
|
|
1671
|
|
|
1672 .fadeOutRight {
|
|
|
1673 -webkit-animation-name: fadeOutRight;
|
|
|
1674 animation-name: fadeOutRight;
|
|
|
1675 }
|
|
|
1676
|
|
|
1677 @-webkit-keyframes fadeOutRightBig {
|
|
|
1678 from {
|
|
|
1679 opacity: 1;
|
|
|
1680 }
|
|
|
1681
|
|
|
1682 to {
|
|
|
1683 opacity: 0;
|
|
|
1684 -webkit-transform: translate3d(2000px, 0, 0);
|
|
|
1685 transform: translate3d(2000px, 0, 0);
|
|
|
1686 }
|
|
|
1687 }
|
|
|
1688
|
|
|
1689 @keyframes fadeOutRightBig {
|
|
|
1690 from {
|
|
|
1691 opacity: 1;
|
|
|
1692 }
|
|
|
1693
|
|
|
1694 to {
|
|
|
1695 opacity: 0;
|
|
|
1696 -webkit-transform: translate3d(2000px, 0, 0);
|
|
|
1697 transform: translate3d(2000px, 0, 0);
|
|
|
1698 }
|
|
|
1699 }
|
|
|
1700
|
|
|
1701 .fadeOutRightBig {
|
|
|
1702 -webkit-animation-name: fadeOutRightBig;
|
|
|
1703 animation-name: fadeOutRightBig;
|
|
|
1704 }
|
|
|
1705
|
|
|
1706 @-webkit-keyframes fadeOutUp {
|
|
|
1707 from {
|
|
|
1708 opacity: 1;
|
|
|
1709 }
|
|
|
1710
|
|
|
1711 to {
|
|
|
1712 opacity: 0;
|
|
|
1713 -webkit-transform: translate3d(0, -100%, 0);
|
|
|
1714 transform: translate3d(0, -100%, 0);
|
|
|
1715 }
|
|
|
1716 }
|
|
|
1717
|
|
|
1718 @keyframes fadeOutUp {
|
|
|
1719 from {
|
|
|
1720 opacity: 1;
|
|
|
1721 }
|
|
|
1722
|
|
|
1723 to {
|
|
|
1724 opacity: 0;
|
|
|
1725 -webkit-transform: translate3d(0, -100%, 0);
|
|
|
1726 transform: translate3d(0, -100%, 0);
|
|
|
1727 }
|
|
|
1728 }
|
|
|
1729
|
|
|
1730 .fadeOutUp {
|
|
|
1731 -webkit-animation-name: fadeOutUp;
|
|
|
1732 animation-name: fadeOutUp;
|
|
|
1733 }
|
|
|
1734
|
|
|
1735 @-webkit-keyframes fadeOutUpBig {
|
|
|
1736 from {
|
|
|
1737 opacity: 1;
|
|
|
1738 }
|
|
|
1739
|
|
|
1740 to {
|
|
|
1741 opacity: 0;
|
|
|
1742 -webkit-transform: translate3d(0, -2000px, 0);
|
|
|
1743 transform: translate3d(0, -2000px, 0);
|
|
|
1744 }
|
|
|
1745 }
|
|
|
1746
|
|
|
1747 @keyframes fadeOutUpBig {
|
|
|
1748 from {
|
|
|
1749 opacity: 1;
|
|
|
1750 }
|
|
|
1751
|
|
|
1752 to {
|
|
|
1753 opacity: 0;
|
|
|
1754 -webkit-transform: translate3d(0, -2000px, 0);
|
|
|
1755 transform: translate3d(0, -2000px, 0);
|
|
|
1756 }
|
|
|
1757 }
|
|
|
1758
|
|
|
1759 .fadeOutUpBig {
|
|
|
1760 -webkit-animation-name: fadeOutUpBig;
|
|
|
1761 animation-name: fadeOutUpBig;
|
|
|
1762 }
|
|
|
1763
|
|
|
1764 @-webkit-keyframes flip {
|
|
|
1765 from {
|
|
|
1766 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
|
1767 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
|
1768 -webkit-animation-timing-function: ease-out;
|
|
|
1769 animation-timing-function: ease-out;
|
|
|
1770 }
|
|
|
1771
|
|
|
1772 40% {
|
|
|
1773 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
|
1774 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
|
1775 -webkit-animation-timing-function: ease-out;
|
|
|
1776 animation-timing-function: ease-out;
|
|
|
1777 }
|
|
|
1778
|
|
|
1779 50% {
|
|
|
1780 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
|
1781 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
|
1782 -webkit-animation-timing-function: ease-in;
|
|
|
1783 animation-timing-function: ease-in;
|
|
|
1784 }
|
|
|
1785
|
|
|
1786 80% {
|
|
|
1787 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
|
|
1788 transform: perspective(400px) scale3d(.95, .95, .95);
|
|
|
1789 -webkit-animation-timing-function: ease-in;
|
|
|
1790 animation-timing-function: ease-in;
|
|
|
1791 }
|
|
|
1792
|
|
|
1793 to {
|
|
|
1794 -webkit-transform: perspective(400px);
|
|
|
1795 transform: perspective(400px);
|
|
|
1796 -webkit-animation-timing-function: ease-in;
|
|
|
1797 animation-timing-function: ease-in;
|
|
|
1798 }
|
|
|
1799 }
|
|
|
1800
|
|
|
1801 @keyframes flip {
|
|
|
1802 from {
|
|
|
1803 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
|
1804 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
|
|
1805 -webkit-animation-timing-function: ease-out;
|
|
|
1806 animation-timing-function: ease-out;
|
|
|
1807 }
|
|
|
1808
|
|
|
1809 40% {
|
|
|
1810 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
|
1811 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
|
|
1812 -webkit-animation-timing-function: ease-out;
|
|
|
1813 animation-timing-function: ease-out;
|
|
|
1814 }
|
|
|
1815
|
|
|
1816 50% {
|
|
|
1817 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
|
1818 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
|
|
1819 -webkit-animation-timing-function: ease-in;
|
|
|
1820 animation-timing-function: ease-in;
|
|
|
1821 }
|
|
|
1822
|
|
|
1823 80% {
|
|
|
1824 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
|
|
1825 transform: perspective(400px) scale3d(.95, .95, .95);
|
|
|
1826 -webkit-animation-timing-function: ease-in;
|
|
|
1827 animation-timing-function: ease-in;
|
|
|
1828 }
|
|
|
1829
|
|
|
1830 to {
|
|
|
1831 -webkit-transform: perspective(400px);
|
|
|
1832 transform: perspective(400px);
|
|
|
1833 -webkit-animation-timing-function: ease-in;
|
|
|
1834 animation-timing-function: ease-in;
|
|
|
1835 }
|
|
|
1836 }
|
|
|
1837
|
|
|
1838 .animated.flip {
|
|
|
1839 -webkit-backface-visibility: visible;
|
|
|
1840 backface-visibility: visible;
|
|
|
1841 -webkit-animation-name: flip;
|
|
|
1842 animation-name: flip;
|
|
|
1843 }
|
|
|
1844
|
|
|
1845 @-webkit-keyframes flipInX {
|
|
|
1846 from {
|
|
|
1847 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
1848 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
1849 -webkit-animation-timing-function: ease-in;
|
|
|
1850 animation-timing-function: ease-in;
|
|
|
1851 opacity: 0;
|
|
|
1852 }
|
|
|
1853
|
|
|
1854 40% {
|
|
|
1855 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
1856 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
1857 -webkit-animation-timing-function: ease-in;
|
|
|
1858 animation-timing-function: ease-in;
|
|
|
1859 }
|
|
|
1860
|
|
|
1861 60% {
|
|
|
1862 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
|
1863 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
|
1864 opacity: 1;
|
|
|
1865 }
|
|
|
1866
|
|
|
1867 80% {
|
|
|
1868 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
|
1869 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
|
1870 }
|
|
|
1871
|
|
|
1872 to {
|
|
|
1873 -webkit-transform: perspective(400px);
|
|
|
1874 transform: perspective(400px);
|
|
|
1875 }
|
|
|
1876 }
|
|
|
1877
|
|
|
1878 @keyframes flipInX {
|
|
|
1879 from {
|
|
|
1880 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
1881 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
1882 -webkit-animation-timing-function: ease-in;
|
|
|
1883 animation-timing-function: ease-in;
|
|
|
1884 opacity: 0;
|
|
|
1885 }
|
|
|
1886
|
|
|
1887 40% {
|
|
|
1888 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
1889 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
1890 -webkit-animation-timing-function: ease-in;
|
|
|
1891 animation-timing-function: ease-in;
|
|
|
1892 }
|
|
|
1893
|
|
|
1894 60% {
|
|
|
1895 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
|
1896 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
|
1897 opacity: 1;
|
|
|
1898 }
|
|
|
1899
|
|
|
1900 80% {
|
|
|
1901 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
|
1902 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
|
1903 }
|
|
|
1904
|
|
|
1905 to {
|
|
|
1906 -webkit-transform: perspective(400px);
|
|
|
1907 transform: perspective(400px);
|
|
|
1908 }
|
|
|
1909 }
|
|
|
1910
|
|
|
1911 .flipInX {
|
|
|
1912 -webkit-backface-visibility: visible !important;
|
|
|
1913 backface-visibility: visible !important;
|
|
|
1914 -webkit-animation-name: flipInX;
|
|
|
1915 animation-name: flipInX;
|
|
|
1916 }
|
|
|
1917
|
|
|
1918 @-webkit-keyframes flipInY {
|
|
|
1919 from {
|
|
|
1920 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
1921 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
1922 -webkit-animation-timing-function: ease-in;
|
|
|
1923 animation-timing-function: ease-in;
|
|
|
1924 opacity: 0;
|
|
|
1925 }
|
|
|
1926
|
|
|
1927 40% {
|
|
|
1928 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
|
1929 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
|
1930 -webkit-animation-timing-function: ease-in;
|
|
|
1931 animation-timing-function: ease-in;
|
|
|
1932 }
|
|
|
1933
|
|
|
1934 60% {
|
|
|
1935 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
|
1936 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
|
1937 opacity: 1;
|
|
|
1938 }
|
|
|
1939
|
|
|
1940 80% {
|
|
|
1941 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
|
1942 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
|
1943 }
|
|
|
1944
|
|
|
1945 to {
|
|
|
1946 -webkit-transform: perspective(400px);
|
|
|
1947 transform: perspective(400px);
|
|
|
1948 }
|
|
|
1949 }
|
|
|
1950
|
|
|
1951 @keyframes flipInY {
|
|
|
1952 from {
|
|
|
1953 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
1954 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
1955 -webkit-animation-timing-function: ease-in;
|
|
|
1956 animation-timing-function: ease-in;
|
|
|
1957 opacity: 0;
|
|
|
1958 }
|
|
|
1959
|
|
|
1960 40% {
|
|
|
1961 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
|
1962 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
|
1963 -webkit-animation-timing-function: ease-in;
|
|
|
1964 animation-timing-function: ease-in;
|
|
|
1965 }
|
|
|
1966
|
|
|
1967 60% {
|
|
|
1968 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
|
1969 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
|
1970 opacity: 1;
|
|
|
1971 }
|
|
|
1972
|
|
|
1973 80% {
|
|
|
1974 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
|
1975 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
|
1976 }
|
|
|
1977
|
|
|
1978 to {
|
|
|
1979 -webkit-transform: perspective(400px);
|
|
|
1980 transform: perspective(400px);
|
|
|
1981 }
|
|
|
1982 }
|
|
|
1983
|
|
|
1984 .flipInY {
|
|
|
1985 -webkit-backface-visibility: visible !important;
|
|
|
1986 backface-visibility: visible !important;
|
|
|
1987 -webkit-animation-name: flipInY;
|
|
|
1988 animation-name: flipInY;
|
|
|
1989 }
|
|
|
1990
|
|
|
1991 @-webkit-keyframes flipOutX {
|
|
|
1992 from {
|
|
|
1993 -webkit-transform: perspective(400px);
|
|
|
1994 transform: perspective(400px);
|
|
|
1995 }
|
|
|
1996
|
|
|
1997 30% {
|
|
|
1998 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
1999 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
2000 opacity: 1;
|
|
|
2001 }
|
|
|
2002
|
|
|
2003 to {
|
|
|
2004 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
2005 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
2006 opacity: 0;
|
|
|
2007 }
|
|
|
2008 }
|
|
|
2009
|
|
|
2010 @keyframes flipOutX {
|
|
|
2011 from {
|
|
|
2012 -webkit-transform: perspective(400px);
|
|
|
2013 transform: perspective(400px);
|
|
|
2014 }
|
|
|
2015
|
|
|
2016 30% {
|
|
|
2017 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
2018 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
|
2019 opacity: 1;
|
|
|
2020 }
|
|
|
2021
|
|
|
2022 to {
|
|
|
2023 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
2024 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
|
2025 opacity: 0;
|
|
|
2026 }
|
|
|
2027 }
|
|
|
2028
|
|
|
2029 .flipOutX {
|
|
|
2030 -webkit-animation-name: flipOutX;
|
|
|
2031 animation-name: flipOutX;
|
|
|
2032 -webkit-backface-visibility: visible !important;
|
|
|
2033 backface-visibility: visible !important;
|
|
|
2034 }
|
|
|
2035
|
|
|
2036 @-webkit-keyframes flipOutY {
|
|
|
2037 from {
|
|
|
2038 -webkit-transform: perspective(400px);
|
|
|
2039 transform: perspective(400px);
|
|
|
2040 }
|
|
|
2041
|
|
|
2042 30% {
|
|
|
2043 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
|
2044 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
|
2045 opacity: 1;
|
|
|
2046 }
|
|
|
2047
|
|
|
2048 to {
|
|
|
2049 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
2050 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
2051 opacity: 0;
|
|
|
2052 }
|
|
|
2053 }
|
|
|
2054
|
|
|
2055 @keyframes flipOutY {
|
|
|
2056 from {
|
|
|
2057 -webkit-transform: perspective(400px);
|
|
|
2058 transform: perspective(400px);
|
|
|
2059 }
|
|
|
2060
|
|
|
2061 30% {
|
|
|
2062 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
|
2063 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
|
2064 opacity: 1;
|
|
|
2065 }
|
|
|
2066
|
|
|
2067 to {
|
|
|
2068 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
2069 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
|
2070 opacity: 0;
|
|
|
2071 }
|
|
|
2072 }
|
|
|
2073
|
|
|
2074 .flipOutY {
|
|
|
2075 -webkit-backface-visibility: visible !important;
|
|
|
2076 backface-visibility: visible !important;
|
|
|
2077 -webkit-animation-name: flipOutY;
|
|
|
2078 animation-name: flipOutY;
|
|
|
2079 }
|
|
|
2080
|
|
|
2081 @-webkit-keyframes lightSpeedIn {
|
|
|
2082 from {
|
|
|
2083 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
|
2084 transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
|
2085 opacity: 0;
|
|
|
2086 }
|
|
|
2087
|
|
|
2088 60% {
|
|
|
2089 -webkit-transform: skewX(20deg);
|
|
|
2090 transform: skewX(20deg);
|
|
|
2091 opacity: 1;
|
|
|
2092 }
|
|
|
2093
|
|
|
2094 80% {
|
|
|
2095 -webkit-transform: skewX(-5deg);
|
|
|
2096 transform: skewX(-5deg);
|
|
|
2097 opacity: 1;
|
|
|
2098 }
|
|
|
2099
|
|
|
2100 to {
|
|
|
2101 -webkit-transform: none;
|
|
|
2102 transform: none;
|
|
|
2103 opacity: 1;
|
|
|
2104 }
|
|
|
2105 }
|
|
|
2106
|
|
|
2107 @keyframes lightSpeedIn {
|
|
|
2108 from {
|
|
|
2109 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
|
2110 transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
|
2111 opacity: 0;
|
|
|
2112 }
|
|
|
2113
|
|
|
2114 60% {
|
|
|
2115 -webkit-transform: skewX(20deg);
|
|
|
2116 transform: skewX(20deg);
|
|
|
2117 opacity: 1;
|
|
|
2118 }
|
|
|
2119
|
|
|
2120 80% {
|
|
|
2121 -webkit-transform: skewX(-5deg);
|
|
|
2122 transform: skewX(-5deg);
|
|
|
2123 opacity: 1;
|
|
|
2124 }
|
|
|
2125
|
|
|
2126 to {
|
|
|
2127 -webkit-transform: none;
|
|
|
2128 transform: none;
|
|
|
2129 opacity: 1;
|
|
|
2130 }
|
|
|
2131 }
|
|
|
2132
|
|
|
2133 .lightSpeedIn {
|
|
|
2134 -webkit-animation-name: lightSpeedIn;
|
|
|
2135 animation-name: lightSpeedIn;
|
|
|
2136 -webkit-animation-timing-function: ease-out;
|
|
|
2137 animation-timing-function: ease-out;
|
|
|
2138 }
|
|
|
2139
|
|
|
2140 @-webkit-keyframes lightSpeedOut {
|
|
|
2141 from {
|
|
|
2142 opacity: 1;
|
|
|
2143 }
|
|
|
2144
|
|
|
2145 to {
|
|
|
2146 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
|
2147 transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
|
2148 opacity: 0;
|
|
|
2149 }
|
|
|
2150 }
|
|
|
2151
|
|
|
2152 @keyframes lightSpeedOut {
|
|
|
2153 from {
|
|
|
2154 opacity: 1;
|
|
|
2155 }
|
|
|
2156
|
|
|
2157 to {
|
|
|
2158 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
|
2159 transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
|
2160 opacity: 0;
|
|
|
2161 }
|
|
|
2162 }
|
|
|
2163
|
|
|
2164 .lightSpeedOut {
|
|
|
2165 -webkit-animation-name: lightSpeedOut;
|
|
|
2166 animation-name: lightSpeedOut;
|
|
|
2167 -webkit-animation-timing-function: ease-in;
|
|
|
2168 animation-timing-function: ease-in;
|
|
|
2169 }
|
|
|
2170
|
|
|
2171 @-webkit-keyframes rotateIn {
|
|
|
2172 from {
|
|
|
2173 -webkit-transform-origin: center;
|
|
|
2174 transform-origin: center;
|
|
|
2175 -webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
|
2176 transform: rotate3d(0, 0, 1, -200deg);
|
|
|
2177 opacity: 0;
|
|
|
2178 }
|
|
|
2179
|
|
|
2180 to {
|
|
|
2181 -webkit-transform-origin: center;
|
|
|
2182 transform-origin: center;
|
|
|
2183 -webkit-transform: none;
|
|
|
2184 transform: none;
|
|
|
2185 opacity: 1;
|
|
|
2186 }
|
|
|
2187 }
|
|
|
2188
|
|
|
2189 @keyframes rotateIn {
|
|
|
2190 from {
|
|
|
2191 -webkit-transform-origin: center;
|
|
|
2192 transform-origin: center;
|
|
|
2193 -webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
|
2194 transform: rotate3d(0, 0, 1, -200deg);
|
|
|
2195 opacity: 0;
|
|
|
2196 }
|
|
|
2197
|
|
|
2198 to {
|
|
|
2199 -webkit-transform-origin: center;
|
|
|
2200 transform-origin: center;
|
|
|
2201 -webkit-transform: none;
|
|
|
2202 transform: none;
|
|
|
2203 opacity: 1;
|
|
|
2204 }
|
|
|
2205 }
|
|
|
2206
|
|
|
2207 .rotateIn {
|
|
|
2208 -webkit-animation-name: rotateIn;
|
|
|
2209 animation-name: rotateIn;
|
|
|
2210 }
|
|
|
2211
|
|
|
2212 @-webkit-keyframes rotateInDownLeft {
|
|
|
2213 from {
|
|
|
2214 -webkit-transform-origin: left bottom;
|
|
|
2215 transform-origin: left bottom;
|
|
|
2216 -webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2217 transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2218 opacity: 0;
|
|
|
2219 }
|
|
|
2220
|
|
|
2221 to {
|
|
|
2222 -webkit-transform-origin: left bottom;
|
|
|
2223 transform-origin: left bottom;
|
|
|
2224 -webkit-transform: none;
|
|
|
2225 transform: none;
|
|
|
2226 opacity: 1;
|
|
|
2227 }
|
|
|
2228 }
|
|
|
2229
|
|
|
2230 @keyframes rotateInDownLeft {
|
|
|
2231 from {
|
|
|
2232 -webkit-transform-origin: left bottom;
|
|
|
2233 transform-origin: left bottom;
|
|
|
2234 -webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2235 transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2236 opacity: 0;
|
|
|
2237 }
|
|
|
2238
|
|
|
2239 to {
|
|
|
2240 -webkit-transform-origin: left bottom;
|
|
|
2241 transform-origin: left bottom;
|
|
|
2242 -webkit-transform: none;
|
|
|
2243 transform: none;
|
|
|
2244 opacity: 1;
|
|
|
2245 }
|
|
|
2246 }
|
|
|
2247
|
|
|
2248 .rotateInDownLeft {
|
|
|
2249 -webkit-animation-name: rotateInDownLeft;
|
|
|
2250 animation-name: rotateInDownLeft;
|
|
|
2251 }
|
|
|
2252
|
|
|
2253 @-webkit-keyframes rotateInDownRight {
|
|
|
2254 from {
|
|
|
2255 -webkit-transform-origin: right bottom;
|
|
|
2256 transform-origin: right bottom;
|
|
|
2257 -webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2258 transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2259 opacity: 0;
|
|
|
2260 }
|
|
|
2261
|
|
|
2262 to {
|
|
|
2263 -webkit-transform-origin: right bottom;
|
|
|
2264 transform-origin: right bottom;
|
|
|
2265 -webkit-transform: none;
|
|
|
2266 transform: none;
|
|
|
2267 opacity: 1;
|
|
|
2268 }
|
|
|
2269 }
|
|
|
2270
|
|
|
2271 @keyframes rotateInDownRight {
|
|
|
2272 from {
|
|
|
2273 -webkit-transform-origin: right bottom;
|
|
|
2274 transform-origin: right bottom;
|
|
|
2275 -webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2276 transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2277 opacity: 0;
|
|
|
2278 }
|
|
|
2279
|
|
|
2280 to {
|
|
|
2281 -webkit-transform-origin: right bottom;
|
|
|
2282 transform-origin: right bottom;
|
|
|
2283 -webkit-transform: none;
|
|
|
2284 transform: none;
|
|
|
2285 opacity: 1;
|
|
|
2286 }
|
|
|
2287 }
|
|
|
2288
|
|
|
2289 .rotateInDownRight {
|
|
|
2290 -webkit-animation-name: rotateInDownRight;
|
|
|
2291 animation-name: rotateInDownRight;
|
|
|
2292 }
|
|
|
2293
|
|
|
2294 @-webkit-keyframes rotateInUpLeft {
|
|
|
2295 from {
|
|
|
2296 -webkit-transform-origin: left bottom;
|
|
|
2297 transform-origin: left bottom;
|
|
|
2298 -webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2299 transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2300 opacity: 0;
|
|
|
2301 }
|
|
|
2302
|
|
|
2303 to {
|
|
|
2304 -webkit-transform-origin: left bottom;
|
|
|
2305 transform-origin: left bottom;
|
|
|
2306 -webkit-transform: none;
|
|
|
2307 transform: none;
|
|
|
2308 opacity: 1;
|
|
|
2309 }
|
|
|
2310 }
|
|
|
2311
|
|
|
2312 @keyframes rotateInUpLeft {
|
|
|
2313 from {
|
|
|
2314 -webkit-transform-origin: left bottom;
|
|
|
2315 transform-origin: left bottom;
|
|
|
2316 -webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2317 transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2318 opacity: 0;
|
|
|
2319 }
|
|
|
2320
|
|
|
2321 to {
|
|
|
2322 -webkit-transform-origin: left bottom;
|
|
|
2323 transform-origin: left bottom;
|
|
|
2324 -webkit-transform: none;
|
|
|
2325 transform: none;
|
|
|
2326 opacity: 1;
|
|
|
2327 }
|
|
|
2328 }
|
|
|
2329
|
|
|
2330 .rotateInUpLeft {
|
|
|
2331 -webkit-animation-name: rotateInUpLeft;
|
|
|
2332 animation-name: rotateInUpLeft;
|
|
|
2333 }
|
|
|
2334
|
|
|
2335 @-webkit-keyframes rotateInUpRight {
|
|
|
2336 from {
|
|
|
2337 -webkit-transform-origin: right bottom;
|
|
|
2338 transform-origin: right bottom;
|
|
|
2339 -webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
|
2340 transform: rotate3d(0, 0, 1, -90deg);
|
|
|
2341 opacity: 0;
|
|
|
2342 }
|
|
|
2343
|
|
|
2344 to {
|
|
|
2345 -webkit-transform-origin: right bottom;
|
|
|
2346 transform-origin: right bottom;
|
|
|
2347 -webkit-transform: none;
|
|
|
2348 transform: none;
|
|
|
2349 opacity: 1;
|
|
|
2350 }
|
|
|
2351 }
|
|
|
2352
|
|
|
2353 @keyframes rotateInUpRight {
|
|
|
2354 from {
|
|
|
2355 -webkit-transform-origin: right bottom;
|
|
|
2356 transform-origin: right bottom;
|
|
|
2357 -webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
|
2358 transform: rotate3d(0, 0, 1, -90deg);
|
|
|
2359 opacity: 0;
|
|
|
2360 }
|
|
|
2361
|
|
|
2362 to {
|
|
|
2363 -webkit-transform-origin: right bottom;
|
|
|
2364 transform-origin: right bottom;
|
|
|
2365 -webkit-transform: none;
|
|
|
2366 transform: none;
|
|
|
2367 opacity: 1;
|
|
|
2368 }
|
|
|
2369 }
|
|
|
2370
|
|
|
2371 .rotateInUpRight {
|
|
|
2372 -webkit-animation-name: rotateInUpRight;
|
|
|
2373 animation-name: rotateInUpRight;
|
|
|
2374 }
|
|
|
2375
|
|
|
2376 @-webkit-keyframes rotateOut {
|
|
|
2377 from {
|
|
|
2378 -webkit-transform-origin: center;
|
|
|
2379 transform-origin: center;
|
|
|
2380 opacity: 1;
|
|
|
2381 }
|
|
|
2382
|
|
|
2383 to {
|
|
|
2384 -webkit-transform-origin: center;
|
|
|
2385 transform-origin: center;
|
|
|
2386 -webkit-transform: rotate3d(0, 0, 1, 200deg);
|
|
|
2387 transform: rotate3d(0, 0, 1, 200deg);
|
|
|
2388 opacity: 0;
|
|
|
2389 }
|
|
|
2390 }
|
|
|
2391
|
|
|
2392 @keyframes rotateOut {
|
|
|
2393 from {
|
|
|
2394 -webkit-transform-origin: center;
|
|
|
2395 transform-origin: center;
|
|
|
2396 opacity: 1;
|
|
|
2397 }
|
|
|
2398
|
|
|
2399 to {
|
|
|
2400 -webkit-transform-origin: center;
|
|
|
2401 transform-origin: center;
|
|
|
2402 -webkit-transform: rotate3d(0, 0, 1, 200deg);
|
|
|
2403 transform: rotate3d(0, 0, 1, 200deg);
|
|
|
2404 opacity: 0;
|
|
|
2405 }
|
|
|
2406 }
|
|
|
2407
|
|
|
2408 .rotateOut {
|
|
|
2409 -webkit-animation-name: rotateOut;
|
|
|
2410 animation-name: rotateOut;
|
|
|
2411 }
|
|
|
2412
|
|
|
2413 @-webkit-keyframes rotateOutDownLeft {
|
|
|
2414 from {
|
|
|
2415 -webkit-transform-origin: left bottom;
|
|
|
2416 transform-origin: left bottom;
|
|
|
2417 opacity: 1;
|
|
|
2418 }
|
|
|
2419
|
|
|
2420 to {
|
|
|
2421 -webkit-transform-origin: left bottom;
|
|
|
2422 transform-origin: left bottom;
|
|
|
2423 -webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2424 transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2425 opacity: 0;
|
|
|
2426 }
|
|
|
2427 }
|
|
|
2428
|
|
|
2429 @keyframes rotateOutDownLeft {
|
|
|
2430 from {
|
|
|
2431 -webkit-transform-origin: left bottom;
|
|
|
2432 transform-origin: left bottom;
|
|
|
2433 opacity: 1;
|
|
|
2434 }
|
|
|
2435
|
|
|
2436 to {
|
|
|
2437 -webkit-transform-origin: left bottom;
|
|
|
2438 transform-origin: left bottom;
|
|
|
2439 -webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2440 transform: rotate3d(0, 0, 1, 45deg);
|
|
|
2441 opacity: 0;
|
|
|
2442 }
|
|
|
2443 }
|
|
|
2444
|
|
|
2445 .rotateOutDownLeft {
|
|
|
2446 -webkit-animation-name: rotateOutDownLeft;
|
|
|
2447 animation-name: rotateOutDownLeft;
|
|
|
2448 }
|
|
|
2449
|
|
|
2450 @-webkit-keyframes rotateOutDownRight {
|
|
|
2451 from {
|
|
|
2452 -webkit-transform-origin: right bottom;
|
|
|
2453 transform-origin: right bottom;
|
|
|
2454 opacity: 1;
|
|
|
2455 }
|
|
|
2456
|
|
|
2457 to {
|
|
|
2458 -webkit-transform-origin: right bottom;
|
|
|
2459 transform-origin: right bottom;
|
|
|
2460 -webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2461 transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2462 opacity: 0;
|
|
|
2463 }
|
|
|
2464 }
|
|
|
2465
|
|
|
2466 @keyframes rotateOutDownRight {
|
|
|
2467 from {
|
|
|
2468 -webkit-transform-origin: right bottom;
|
|
|
2469 transform-origin: right bottom;
|
|
|
2470 opacity: 1;
|
|
|
2471 }
|
|
|
2472
|
|
|
2473 to {
|
|
|
2474 -webkit-transform-origin: right bottom;
|
|
|
2475 transform-origin: right bottom;
|
|
|
2476 -webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2477 transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2478 opacity: 0;
|
|
|
2479 }
|
|
|
2480 }
|
|
|
2481
|
|
|
2482 .rotateOutDownRight {
|
|
|
2483 -webkit-animation-name: rotateOutDownRight;
|
|
|
2484 animation-name: rotateOutDownRight;
|
|
|
2485 }
|
|
|
2486
|
|
|
2487 @-webkit-keyframes rotateOutUpLeft {
|
|
|
2488 from {
|
|
|
2489 -webkit-transform-origin: left bottom;
|
|
|
2490 transform-origin: left bottom;
|
|
|
2491 opacity: 1;
|
|
|
2492 }
|
|
|
2493
|
|
|
2494 to {
|
|
|
2495 -webkit-transform-origin: left bottom;
|
|
|
2496 transform-origin: left bottom;
|
|
|
2497 -webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2498 transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2499 opacity: 0;
|
|
|
2500 }
|
|
|
2501 }
|
|
|
2502
|
|
|
2503 @keyframes rotateOutUpLeft {
|
|
|
2504 from {
|
|
|
2505 -webkit-transform-origin: left bottom;
|
|
|
2506 transform-origin: left bottom;
|
|
|
2507 opacity: 1;
|
|
|
2508 }
|
|
|
2509
|
|
|
2510 to {
|
|
|
2511 -webkit-transform-origin: left bottom;
|
|
|
2512 transform-origin: left bottom;
|
|
|
2513 -webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2514 transform: rotate3d(0, 0, 1, -45deg);
|
|
|
2515 opacity: 0;
|
|
|
2516 }
|
|
|
2517 }
|
|
|
2518
|
|
|
2519 .rotateOutUpLeft {
|
|
|
2520 -webkit-animation-name: rotateOutUpLeft;
|
|
|
2521 animation-name: rotateOutUpLeft;
|
|
|
2522 }
|
|
|
2523
|
|
|
2524 @-webkit-keyframes rotateOutUpRight {
|
|
|
2525 from {
|
|
|
2526 -webkit-transform-origin: right bottom;
|
|
|
2527 transform-origin: right bottom;
|
|
|
2528 opacity: 1;
|
|
|
2529 }
|
|
|
2530
|
|
|
2531 to {
|
|
|
2532 -webkit-transform-origin: right bottom;
|
|
|
2533 transform-origin: right bottom;
|
|
|
2534 -webkit-transform: rotate3d(0, 0, 1, 90deg);
|
|
|
2535 transform: rotate3d(0, 0, 1, 90deg);
|
|
|
2536 opacity: 0;
|
|
|
2537 }
|
|
|
2538 }
|
|
|
2539
|
|
|
2540 @keyframes rotateOutUpRight {
|
|
|
2541 from {
|
|
|
2542 -webkit-transform-origin: right bottom;
|
|
|
2543 transform-origin: right bottom;
|
|
|
2544 opacity: 1;
|
|
|
2545 }
|
|
|
2546
|
|
|
2547 to {
|
|
|
2548 -webkit-transform-origin: right bottom;
|
|
|
2549 transform-origin: right bottom;
|
|
|
2550 -webkit-transform: rotate3d(0, 0, 1, 90deg);
|
|
|
2551 transform: rotate3d(0, 0, 1, 90deg);
|
|
|
2552 opacity: 0;
|
|
|
2553 }
|
|
|
2554 }
|
|
|
2555
|
|
|
2556 .rotateOutUpRight {
|
|
|
2557 -webkit-animation-name: rotateOutUpRight;
|
|
|
2558 animation-name: rotateOutUpRight;
|
|
|
2559 }
|
|
|
2560
|
|
|
2561 @-webkit-keyframes hinge {
|
|
|
2562 0% {
|
|
|
2563 -webkit-transform-origin: top left;
|
|
|
2564 transform-origin: top left;
|
|
|
2565 -webkit-animation-timing-function: ease-in-out;
|
|
|
2566 animation-timing-function: ease-in-out;
|
|
|
2567 }
|
|
|
2568
|
|
|
2569 20%, 60% {
|
|
|
2570 -webkit-transform: rotate3d(0, 0, 1, 80deg);
|
|
|
2571 transform: rotate3d(0, 0, 1, 80deg);
|
|
|
2572 -webkit-transform-origin: top left;
|
|
|
2573 transform-origin: top left;
|
|
|
2574 -webkit-animation-timing-function: ease-in-out;
|
|
|
2575 animation-timing-function: ease-in-out;
|
|
|
2576 }
|
|
|
2577
|
|
|
2578 40%, 80% {
|
|
|
2579 -webkit-transform: rotate3d(0, 0, 1, 60deg);
|
|
|
2580 transform: rotate3d(0, 0, 1, 60deg);
|
|
|
2581 -webkit-transform-origin: top left;
|
|
|
2582 transform-origin: top left;
|
|
|
2583 -webkit-animation-timing-function: ease-in-out;
|
|
|
2584 animation-timing-function: ease-in-out;
|
|
|
2585 opacity: 1;
|
|
|
2586 }
|
|
|
2587
|
|
|
2588 to {
|
|
|
2589 -webkit-transform: translate3d(0, 700px, 0);
|
|
|
2590 transform: translate3d(0, 700px, 0);
|
|
|
2591 opacity: 0;
|
|
|
2592 }
|
|
|
2593 }
|
|
|
2594
|
|
|
2595 @keyframes hinge {
|
|
|
2596 0% {
|
|
|
2597 -webkit-transform-origin: top left;
|
|
|
2598 transform-origin: top left;
|
|
|
2599 -webkit-animation-timing-function: ease-in-out;
|
|
|
2600 animation-timing-function: ease-in-out;
|
|
|
2601 }
|
|
|
2602
|
|
|
2603 20%, 60% {
|
|
|
2604 -webkit-transform: rotate3d(0, 0, 1, 80deg);
|
|
|
2605 transform: rotate3d(0, 0, 1, 80deg);
|
|
|
2606 -webkit-transform-origin: top left;
|
|
|
2607 transform-origin: top left;
|
|
|
2608 -webkit-animation-timing-function: ease-in-out;
|
|
|
2609 animation-timing-function: ease-in-out;
|
|
|
2610 }
|
|
|
2611
|
|
|
2612 40%, 80% {
|
|
|
2613 -webkit-transform: rotate3d(0, 0, 1, 60deg);
|
|
|
2614 transform: rotate3d(0, 0, 1, 60deg);
|
|
|
2615 -webkit-transform-origin: top left;
|
|
|
2616 transform-origin: top left;
|
|
|
2617 -webkit-animation-timing-function: ease-in-out;
|
|
|
2618 animation-timing-function: ease-in-out;
|
|
|
2619 opacity: 1;
|
|
|
2620 }
|
|
|
2621
|
|
|
2622 to {
|
|
|
2623 -webkit-transform: translate3d(0, 700px, 0);
|
|
|
2624 transform: translate3d(0, 700px, 0);
|
|
|
2625 opacity: 0;
|
|
|
2626 }
|
|
|
2627 }
|
|
|
2628
|
|
|
2629 .hinge {
|
|
|
2630 -webkit-animation-name: hinge;
|
|
|
2631 animation-name: hinge;
|
|
|
2632 }
|
|
|
2633
|
|
|
2634 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
2635
|
|
|
2636 @-webkit-keyframes rollIn {
|
|
|
2637 from {
|
|
|
2638 opacity: 0;
|
|
|
2639 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
|
2640 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
|
2641 }
|
|
|
2642
|
|
|
2643 to {
|
|
|
2644 opacity: 1;
|
|
|
2645 -webkit-transform: none;
|
|
|
2646 transform: none;
|
|
|
2647 }
|
|
|
2648 }
|
|
|
2649
|
|
|
2650 @keyframes rollIn {
|
|
|
2651 from {
|
|
|
2652 opacity: 0;
|
|
|
2653 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
|
2654 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
|
2655 }
|
|
|
2656
|
|
|
2657 to {
|
|
|
2658 opacity: 1;
|
|
|
2659 -webkit-transform: none;
|
|
|
2660 transform: none;
|
|
|
2661 }
|
|
|
2662 }
|
|
|
2663
|
|
|
2664 .rollIn {
|
|
|
2665 -webkit-animation-name: rollIn;
|
|
|
2666 animation-name: rollIn;
|
|
|
2667 }
|
|
|
2668
|
|
|
2669 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
|
|
2670
|
|
|
2671 @-webkit-keyframes rollOut {
|
|
|
2672 from {
|
|
|
2673 opacity: 1;
|
|
|
2674 }
|
|
|
2675
|
|
|
2676 to {
|
|
|
2677 opacity: 0;
|
|
|
2678 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
|
2679 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
|
2680 }
|
|
|
2681 }
|
|
|
2682
|
|
|
2683 @keyframes rollOut {
|
|
|
2684 from {
|
|
|
2685 opacity: 1;
|
|
|
2686 }
|
|
|
2687
|
|
|
2688 to {
|
|
|
2689 opacity: 0;
|
|
|
2690 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
|
2691 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
|
2692 }
|
|
|
2693 }
|
|
|
2694
|
|
|
2695 .rollOut {
|
|
|
2696 -webkit-animation-name: rollOut;
|
|
|
2697 animation-name: rollOut;
|
|
|
2698 }
|
|
|
2699
|
|
|
2700 @-webkit-keyframes zoomIn {
|
|
|
2701 from {
|
|
|
2702 opacity: 0;
|
|
|
2703 -webkit-transform: scale3d(.3, .3, .3);
|
|
|
2704 transform: scale3d(.3, .3, .3);
|
|
|
2705 }
|
|
|
2706
|
|
|
2707 50% {
|
|
|
2708 opacity: 1;
|
|
|
2709 }
|
|
|
2710 }
|
|
|
2711
|
|
|
2712 @keyframes zoomIn {
|
|
|
2713 from {
|
|
|
2714 opacity: 0;
|
|
|
2715 -webkit-transform: scale3d(.3, .3, .3);
|
|
|
2716 transform: scale3d(.3, .3, .3);
|
|
|
2717 }
|
|
|
2718
|
|
|
2719 50% {
|
|
|
2720 opacity: 1;
|
|
|
2721 }
|
|
|
2722 }
|
|
|
2723
|
|
|
2724 .zoomIn {
|
|
|
2725 -webkit-animation-name: zoomIn;
|
|
|
2726 animation-name: zoomIn;
|
|
|
2727 }
|
|
|
2728
|
|
|
2729 @-webkit-keyframes zoomInDown {
|
|
|
2730 from {
|
|
|
2731 opacity: 0;
|
|
|
2732 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
|
2733 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
|
2734 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2735 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2736 }
|
|
|
2737
|
|
|
2738 60% {
|
|
|
2739 opacity: 1;
|
|
|
2740 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
|
2741 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
|
2742 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2743 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2744 }
|
|
|
2745 }
|
|
|
2746
|
|
|
2747 @keyframes zoomInDown {
|
|
|
2748 from {
|
|
|
2749 opacity: 0;
|
|
|
2750 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
|
2751 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
|
|
2752 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2753 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2754 }
|
|
|
2755
|
|
|
2756 60% {
|
|
|
2757 opacity: 1;
|
|
|
2758 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
|
2759 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
|
2760 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2761 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2762 }
|
|
|
2763 }
|
|
|
2764
|
|
|
2765 .zoomInDown {
|
|
|
2766 -webkit-animation-name: zoomInDown;
|
|
|
2767 animation-name: zoomInDown;
|
|
|
2768 }
|
|
|
2769
|
|
|
2770 @-webkit-keyframes zoomInLeft {
|
|
|
2771 from {
|
|
|
2772 opacity: 0;
|
|
|
2773 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
|
2774 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
|
2775 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2776 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2777 }
|
|
|
2778
|
|
|
2779 60% {
|
|
|
2780 opacity: 1;
|
|
|
2781 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
|
2782 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
|
2783 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2784 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2785 }
|
|
|
2786 }
|
|
|
2787
|
|
|
2788 @keyframes zoomInLeft {
|
|
|
2789 from {
|
|
|
2790 opacity: 0;
|
|
|
2791 -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
|
2792 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
|
|
2793 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2794 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2795 }
|
|
|
2796
|
|
|
2797 60% {
|
|
|
2798 opacity: 1;
|
|
|
2799 -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
|
2800 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
|
|
2801 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2802 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2803 }
|
|
|
2804 }
|
|
|
2805
|
|
|
2806 .zoomInLeft {
|
|
|
2807 -webkit-animation-name: zoomInLeft;
|
|
|
2808 animation-name: zoomInLeft;
|
|
|
2809 }
|
|
|
2810
|
|
|
2811 @-webkit-keyframes zoomInRight {
|
|
|
2812 from {
|
|
|
2813 opacity: 0;
|
|
|
2814 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
|
2815 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
|
2816 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2817 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2818 }
|
|
|
2819
|
|
|
2820 60% {
|
|
|
2821 opacity: 1;
|
|
|
2822 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
|
2823 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
|
2824 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2825 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2826 }
|
|
|
2827 }
|
|
|
2828
|
|
|
2829 @keyframes zoomInRight {
|
|
|
2830 from {
|
|
|
2831 opacity: 0;
|
|
|
2832 -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
|
2833 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
|
|
2834 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2835 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2836 }
|
|
|
2837
|
|
|
2838 60% {
|
|
|
2839 opacity: 1;
|
|
|
2840 -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
|
2841 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
|
|
2842 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2843 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2844 }
|
|
|
2845 }
|
|
|
2846
|
|
|
2847 .zoomInRight {
|
|
|
2848 -webkit-animation-name: zoomInRight;
|
|
|
2849 animation-name: zoomInRight;
|
|
|
2850 }
|
|
|
2851
|
|
|
2852 @-webkit-keyframes zoomInUp {
|
|
|
2853 from {
|
|
|
2854 opacity: 0;
|
|
|
2855 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
|
2856 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
|
2857 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2858 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2859 }
|
|
|
2860
|
|
|
2861 60% {
|
|
|
2862 opacity: 1;
|
|
|
2863 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
|
2864 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
|
2865 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2866 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2867 }
|
|
|
2868 }
|
|
|
2869
|
|
|
2870 @keyframes zoomInUp {
|
|
|
2871 from {
|
|
|
2872 opacity: 0;
|
|
|
2873 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
|
2874 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
|
|
2875 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2876 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2877 }
|
|
|
2878
|
|
|
2879 60% {
|
|
|
2880 opacity: 1;
|
|
|
2881 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
|
2882 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
|
2883 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2884 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2885 }
|
|
|
2886 }
|
|
|
2887
|
|
|
2888 .zoomInUp {
|
|
|
2889 -webkit-animation-name: zoomInUp;
|
|
|
2890 animation-name: zoomInUp;
|
|
|
2891 }
|
|
|
2892
|
|
|
2893 @-webkit-keyframes zoomOut {
|
|
|
2894 from {
|
|
|
2895 opacity: 1;
|
|
|
2896 }
|
|
|
2897
|
|
|
2898 50% {
|
|
|
2899 opacity: 0;
|
|
|
2900 -webkit-transform: scale3d(.3, .3, .3);
|
|
|
2901 transform: scale3d(.3, .3, .3);
|
|
|
2902 }
|
|
|
2903
|
|
|
2904 to {
|
|
|
2905 opacity: 0;
|
|
|
2906 }
|
|
|
2907 }
|
|
|
2908
|
|
|
2909 @keyframes zoomOut {
|
|
|
2910 from {
|
|
|
2911 opacity: 1;
|
|
|
2912 }
|
|
|
2913
|
|
|
2914 50% {
|
|
|
2915 opacity: 0;
|
|
|
2916 -webkit-transform: scale3d(.3, .3, .3);
|
|
|
2917 transform: scale3d(.3, .3, .3);
|
|
|
2918 }
|
|
|
2919
|
|
|
2920 to {
|
|
|
2921 opacity: 0;
|
|
|
2922 }
|
|
|
2923 }
|
|
|
2924
|
|
|
2925 .zoomOut {
|
|
|
2926 -webkit-animation-name: zoomOut;
|
|
|
2927 animation-name: zoomOut;
|
|
|
2928 }
|
|
|
2929
|
|
|
2930 @-webkit-keyframes zoomOutDown {
|
|
|
2931 40% {
|
|
|
2932 opacity: 1;
|
|
|
2933 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
|
2934 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
|
2935 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2936 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2937 }
|
|
|
2938
|
|
|
2939 to {
|
|
|
2940 opacity: 0;
|
|
|
2941 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
|
2942 transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
|
2943 -webkit-transform-origin: center bottom;
|
|
|
2944 transform-origin: center bottom;
|
|
|
2945 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2946 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2947 }
|
|
|
2948 }
|
|
|
2949
|
|
|
2950 @keyframes zoomOutDown {
|
|
|
2951 40% {
|
|
|
2952 opacity: 1;
|
|
|
2953 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
|
2954 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
|
|
2955 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2956 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
2957 }
|
|
|
2958
|
|
|
2959 to {
|
|
|
2960 opacity: 0;
|
|
|
2961 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
|
2962 transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
|
|
2963 -webkit-transform-origin: center bottom;
|
|
|
2964 transform-origin: center bottom;
|
|
|
2965 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2966 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
2967 }
|
|
|
2968 }
|
|
|
2969
|
|
|
2970 .zoomOutDown {
|
|
|
2971 -webkit-animation-name: zoomOutDown;
|
|
|
2972 animation-name: zoomOutDown;
|
|
|
2973 }
|
|
|
2974
|
|
|
2975 @-webkit-keyframes zoomOutLeft {
|
|
|
2976 40% {
|
|
|
2977 opacity: 1;
|
|
|
2978 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
|
2979 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
|
2980 }
|
|
|
2981
|
|
|
2982 to {
|
|
|
2983 opacity: 0;
|
|
|
2984 -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
|
2985 transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
|
2986 -webkit-transform-origin: left center;
|
|
|
2987 transform-origin: left center;
|
|
|
2988 }
|
|
|
2989 }
|
|
|
2990
|
|
|
2991 @keyframes zoomOutLeft {
|
|
|
2992 40% {
|
|
|
2993 opacity: 1;
|
|
|
2994 -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
|
2995 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
|
|
2996 }
|
|
|
2997
|
|
|
2998 to {
|
|
|
2999 opacity: 0;
|
|
|
3000 -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
|
3001 transform: scale(.1) translate3d(-2000px, 0, 0);
|
|
|
3002 -webkit-transform-origin: left center;
|
|
|
3003 transform-origin: left center;
|
|
|
3004 }
|
|
|
3005 }
|
|
|
3006
|
|
|
3007 .zoomOutLeft {
|
|
|
3008 -webkit-animation-name: zoomOutLeft;
|
|
|
3009 animation-name: zoomOutLeft;
|
|
|
3010 }
|
|
|
3011
|
|
|
3012 @-webkit-keyframes zoomOutRight {
|
|
|
3013 40% {
|
|
|
3014 opacity: 1;
|
|
|
3015 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
|
3016 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
|
3017 }
|
|
|
3018
|
|
|
3019 to {
|
|
|
3020 opacity: 0;
|
|
|
3021 -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
|
|
3022 transform: scale(.1) translate3d(2000px, 0, 0);
|
|
|
3023 -webkit-transform-origin: right center;
|
|
|
3024 transform-origin: right center;
|
|
|
3025 }
|
|
|
3026 }
|
|
|
3027
|
|
|
3028 @keyframes zoomOutRight {
|
|
|
3029 40% {
|
|
|
3030 opacity: 1;
|
|
|
3031 -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
|
3032 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
|
|
3033 }
|
|
|
3034
|
|
|
3035 to {
|
|
|
3036 opacity: 0;
|
|
|
3037 -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
|
|
3038 transform: scale(.1) translate3d(2000px, 0, 0);
|
|
|
3039 -webkit-transform-origin: right center;
|
|
|
3040 transform-origin: right center;
|
|
|
3041 }
|
|
|
3042 }
|
|
|
3043
|
|
|
3044 .zoomOutRight {
|
|
|
3045 -webkit-animation-name: zoomOutRight;
|
|
|
3046 animation-name: zoomOutRight;
|
|
|
3047 }
|
|
|
3048
|
|
|
3049 @-webkit-keyframes zoomOutUp {
|
|
|
3050 40% {
|
|
|
3051 opacity: 1;
|
|
|
3052 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
|
3053 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
|
3054 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
3055 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
3056 }
|
|
|
3057
|
|
|
3058 to {
|
|
|
3059 opacity: 0;
|
|
|
3060 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
|
3061 transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
|
3062 -webkit-transform-origin: center bottom;
|
|
|
3063 transform-origin: center bottom;
|
|
|
3064 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
3065 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
3066 }
|
|
|
3067 }
|
|
|
3068
|
|
|
3069 @keyframes zoomOutUp {
|
|
|
3070 40% {
|
|
|
3071 opacity: 1;
|
|
|
3072 -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
|
3073 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
|
|
3074 -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
3075 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
|
|
3076 }
|
|
|
3077
|
|
|
3078 to {
|
|
|
3079 opacity: 0;
|
|
|
3080 -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
|
3081 transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
|
|
3082 -webkit-transform-origin: center bottom;
|
|
|
3083 transform-origin: center bottom;
|
|
|
3084 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
3085 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
|
|
3086 }
|
|
|
3087 }
|
|
|
3088
|
|
|
3089 .zoomOutUp {
|
|
|
3090 -webkit-animation-name: zoomOutUp;
|
|
|
3091 animation-name: zoomOutUp;
|
|
|
3092 }
|
|
|
3093
|
|
|
3094 @-webkit-keyframes slideInDown {
|
|
|
3095 from {
|
|
|
3096 -webkit-transform: translate3d(0, -100%, 0);
|
|
|
3097 transform: translate3d(0, -100%, 0);
|
|
|
3098 visibility: visible;
|
|
|
3099 }
|
|
|
3100
|
|
|
3101 to {
|
|
|
3102 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3103 transform: translate3d(0, 0, 0);
|
|
|
3104 }
|
|
|
3105 }
|
|
|
3106
|
|
|
3107 @keyframes slideInDown {
|
|
|
3108 from {
|
|
|
3109 -webkit-transform: translate3d(0, -100%, 0);
|
|
|
3110 transform: translate3d(0, -100%, 0);
|
|
|
3111 visibility: visible;
|
|
|
3112 }
|
|
|
3113
|
|
|
3114 to {
|
|
|
3115 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3116 transform: translate3d(0, 0, 0);
|
|
|
3117 }
|
|
|
3118 }
|
|
|
3119
|
|
|
3120 .slideInDown {
|
|
|
3121 -webkit-animation-name: slideInDown;
|
|
|
3122 animation-name: slideInDown;
|
|
|
3123 }
|
|
|
3124
|
|
|
3125 @-webkit-keyframes slideInLeft {
|
|
|
3126 from {
|
|
|
3127 -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
3128 transform: translate3d(-100%, 0, 0);
|
|
|
3129 visibility: visible;
|
|
|
3130 }
|
|
|
3131
|
|
|
3132 to {
|
|
|
3133 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3134 transform: translate3d(0, 0, 0);
|
|
|
3135 }
|
|
|
3136 }
|
|
|
3137
|
|
|
3138 @keyframes slideInLeft {
|
|
|
3139 from {
|
|
|
3140 -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
3141 transform: translate3d(-100%, 0, 0);
|
|
|
3142 visibility: visible;
|
|
|
3143 }
|
|
|
3144
|
|
|
3145 to {
|
|
|
3146 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3147 transform: translate3d(0, 0, 0);
|
|
|
3148 }
|
|
|
3149 }
|
|
|
3150
|
|
|
3151 .slideInLeft {
|
|
|
3152 -webkit-animation-name: slideInLeft;
|
|
|
3153 animation-name: slideInLeft;
|
|
|
3154 }
|
|
|
3155
|
|
|
3156 @-webkit-keyframes slideInRight {
|
|
|
3157 from {
|
|
|
3158 -webkit-transform: translate3d(100%, 0, 0);
|
|
|
3159 transform: translate3d(100%, 0, 0);
|
|
|
3160 visibility: visible;
|
|
|
3161 }
|
|
|
3162
|
|
|
3163 to {
|
|
|
3164 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3165 transform: translate3d(0, 0, 0);
|
|
|
3166 }
|
|
|
3167 }
|
|
|
3168
|
|
|
3169 @keyframes slideInRight {
|
|
|
3170 from {
|
|
|
3171 -webkit-transform: translate3d(100%, 0, 0);
|
|
|
3172 transform: translate3d(100%, 0, 0);
|
|
|
3173 visibility: visible;
|
|
|
3174 }
|
|
|
3175
|
|
|
3176 to {
|
|
|
3177 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3178 transform: translate3d(0, 0, 0);
|
|
|
3179 }
|
|
|
3180 }
|
|
|
3181
|
|
|
3182 .slideInRight {
|
|
|
3183 -webkit-animation-name: slideInRight;
|
|
|
3184 animation-name: slideInRight;
|
|
|
3185 }
|
|
|
3186
|
|
|
3187 @-webkit-keyframes slideInUp {
|
|
|
3188 from {
|
|
|
3189 -webkit-transform: translate3d(0, 100%, 0);
|
|
|
3190 transform: translate3d(0, 100%, 0);
|
|
|
3191 visibility: visible;
|
|
|
3192 }
|
|
|
3193
|
|
|
3194 to {
|
|
|
3195 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3196 transform: translate3d(0, 0, 0);
|
|
|
3197 }
|
|
|
3198 }
|
|
|
3199
|
|
|
3200 @keyframes slideInUp {
|
|
|
3201 from {
|
|
|
3202 -webkit-transform: translate3d(0, 100%, 0);
|
|
|
3203 transform: translate3d(0, 100%, 0);
|
|
|
3204 visibility: visible;
|
|
|
3205 }
|
|
|
3206
|
|
|
3207 to {
|
|
|
3208 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3209 transform: translate3d(0, 0, 0);
|
|
|
3210 }
|
|
|
3211 }
|
|
|
3212
|
|
|
3213 .slideInUp {
|
|
|
3214 -webkit-animation-name: slideInUp;
|
|
|
3215 animation-name: slideInUp;
|
|
|
3216 }
|
|
|
3217
|
|
|
3218 @-webkit-keyframes slideOutDown {
|
|
|
3219 from {
|
|
|
3220 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3221 transform: translate3d(0, 0, 0);
|
|
|
3222 }
|
|
|
3223
|
|
|
3224 to {
|
|
|
3225 visibility: hidden;
|
|
|
3226 -webkit-transform: translate3d(0, 100%, 0);
|
|
|
3227 transform: translate3d(0, 100%, 0);
|
|
|
3228 }
|
|
|
3229 }
|
|
|
3230
|
|
|
3231 @keyframes slideOutDown {
|
|
|
3232 from {
|
|
|
3233 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3234 transform: translate3d(0, 0, 0);
|
|
|
3235 }
|
|
|
3236
|
|
|
3237 to {
|
|
|
3238 visibility: hidden;
|
|
|
3239 -webkit-transform: translate3d(0, 100%, 0);
|
|
|
3240 transform: translate3d(0, 100%, 0);
|
|
|
3241 }
|
|
|
3242 }
|
|
|
3243
|
|
|
3244 .slideOutDown {
|
|
|
3245 -webkit-animation-name: slideOutDown;
|
|
|
3246 animation-name: slideOutDown;
|
|
|
3247 }
|
|
|
3248
|
|
|
3249 @-webkit-keyframes slideOutLeft {
|
|
|
3250 from {
|
|
|
3251 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3252 transform: translate3d(0, 0, 0);
|
|
|
3253 }
|
|
|
3254
|
|
|
3255 to {
|
|
|
3256 visibility: hidden;
|
|
|
3257 -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
3258 transform: translate3d(-100%, 0, 0);
|
|
|
3259 }
|
|
|
3260 }
|
|
|
3261
|
|
|
3262 @keyframes slideOutLeft {
|
|
|
3263 from {
|
|
|
3264 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3265 transform: translate3d(0, 0, 0);
|
|
|
3266 }
|
|
|
3267
|
|
|
3268 to {
|
|
|
3269 visibility: hidden;
|
|
|
3270 -webkit-transform: translate3d(-100%, 0, 0);
|
|
|
3271 transform: translate3d(-100%, 0, 0);
|
|
|
3272 }
|
|
|
3273 }
|
|
|
3274
|
|
|
3275 .slideOutLeft {
|
|
|
3276 -webkit-animation-name: slideOutLeft;
|
|
|
3277 animation-name: slideOutLeft;
|
|
|
3278 }
|
|
|
3279
|
|
|
3280 @-webkit-keyframes slideOutRight {
|
|
|
3281 from {
|
|
|
3282 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3283 transform: translate3d(0, 0, 0);
|
|
|
3284 }
|
|
|
3285
|
|
|
3286 to {
|
|
|
3287 visibility: hidden;
|
|
|
3288 -webkit-transform: translate3d(100%, 0, 0);
|
|
|
3289 transform: translate3d(100%, 0, 0);
|
|
|
3290 }
|
|
|
3291 }
|
|
|
3292
|
|
|
3293 @keyframes slideOutRight {
|
|
|
3294 from {
|
|
|
3295 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3296 transform: translate3d(0, 0, 0);
|
|
|
3297 }
|
|
|
3298
|
|
|
3299 to {
|
|
|
3300 visibility: hidden;
|
|
|
3301 -webkit-transform: translate3d(100%, 0, 0);
|
|
|
3302 transform: translate3d(100%, 0, 0);
|
|
|
3303 }
|
|
|
3304 }
|
|
|
3305
|
|
|
3306 .slideOutRight {
|
|
|
3307 -webkit-animation-name: slideOutRight;
|
|
|
3308 animation-name: slideOutRight;
|
|
|
3309 }
|
|
|
3310
|
|
|
3311 @-webkit-keyframes slideOutUp {
|
|
|
3312 from {
|
|
|
3313 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3314 transform: translate3d(0, 0, 0);
|
|
|
3315 }
|
|
|
3316
|
|
|
3317 to {
|
|
|
3318 visibility: hidden;
|
|
|
3319 -webkit-transform: translate3d(0, -100%, 0);
|
|
|
3320 transform: translate3d(0, -100%, 0);
|
|
|
3321 }
|
|
|
3322 }
|
|
|
3323
|
|
|
3324 @keyframes slideOutUp {
|
|
|
3325 from {
|
|
|
3326 -webkit-transform: translate3d(0, 0, 0);
|
|
|
3327 transform: translate3d(0, 0, 0);
|
|
|
3328 }
|
|
|
3329
|
|
|
3330 to {
|
|
|
3331 visibility: hidden;
|
|
|
3332 -webkit-transform: translate3d(0, -100%, 0);
|
|
|
3333 transform: translate3d(0, -100%, 0);
|
|
|
3334 }
|
|
|
3335 }
|
|
|
3336
|
|
|
3337 .slideOutUp {
|
|
|
3338 -webkit-animation-name: slideOutUp;
|
|
|
3339 animation-name: slideOutUp;
|
|
|
3340 }
|
