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