Lines Matching refs:transform
263 -webkit-transform: translateZ(20px);
264 -moz-transform: translateZ(20px);
265 -ms-transform: translateZ(20px);
266 -o-transform: translateZ(20px);
267 transform: translateZ(20px);
273 -webkit-transform: translateZ(50px);
274 -moz-transform: translateZ(50px);
275 -ms-transform: translateZ(50px);
276 -o-transform: translateZ(50px);
277 transform: translateZ(50px);
339 -webkit-transform: translateY(-10px);
340 -moz-transform: translateY(-10px);
341 -ms-transform: translateY(-10px);
342 -o-transform: translateY(-10px);
343 transform: translateY(-10px);
350 -webkit-transform: rotate(-10deg);
351 -moz-transform: rotate(-10deg);
352 -ms-transform: rotate(-10deg);
353 -o-transform: rotate(-10deg);
354 transform: rotate(-10deg);
367 -webkit-transform: scale(0.7);
368 -moz-transform: scale(0.7);
369 -ms-transform: scale(0.7);
370 -o-transform: scale(0.7);
371 transform: scale(0.7);
419 Because we want to position <span> elements in 3D we set transform-style to
425 -webkit-transform-style: preserve-3d;
426 -moz-transform-style: preserve-3d; /* Y U need this Firefox?! */
427 -ms-transform-style: preserve-3d;
428 -o-transform-style: preserve-3d;
429 transform-style: preserve-3d;
441 -webkit-transform: translateZ(40px);
442 -moz-transform: translateZ(40px);
443 -ms-transform: translateZ(40px);
444 -o-transform: translateZ(40px);
445 transform: translateZ(40px);
455 -webkit-transform: translateZ(-40px);
456 -moz-transform: translateZ(-40px);
457 -ms-transform: translateZ(-40px);
458 -o-transform: translateZ(-40px);
459 transform: translateZ(-40px);
463 -webkit-transform: translateZ(20px);
464 -moz-transform: translateZ(20px);
465 -ms-transform: translateZ(20px);
466 -o-transform: translateZ(20px);
467 transform: translateZ(20px);
471 -webkit-transform: translateZ(-40px);
472 -moz-transform: translateZ(-40px);
473 -ms-transform: translateZ(-40px);
474 -o-transform: translateZ(-40px);
475 transform: translateZ(-40px);
479 -webkit-transform: translateZ(60px);
480 -moz-transform: translateZ(60px);
481 -ms-transform: translateZ(60px);
482 -o-transform: translateZ(60px);
483 transform: translateZ(60px);
487 -webkit-transform: translateZ(-10px);
488 -moz-transform: translateZ(-10px);
489 -ms-transform: translateZ(-10px);
490 -o-transform: translateZ(-10px);
491 transform: translateZ(-10px);
497 -webkit-transform: translateZ(-10px);
498 -moz-transform: translateZ(-10px);
499 -ms-transform: translateZ(-10px);
500 -o-transform: translateZ(-10px);
501 transform: translateZ(-10px);
506 -webkit-transform: translateZ(0px);
507 -moz-transform: translateZ(0px);
508 -ms-transform: translateZ(0px);
509 -o-transform: translateZ(0px);
510 transform: translateZ(0px);
565 with CSS transform and moving it up to show it. But I also didn't want this move
605 -webkit-transform: translateY(400px);
606 -moz-transform: translateY(400px);
607 -ms-transform: translateY(400px);
608 -o-transform: translateY(400px);
609 transform: translateY(400px);
616 transition on transform property delayed by 1s so it will happen after the fade out
621 -webkit-transition: opacity 1s, -webkit-transform 0.5s 1s;
622 -moz-transition: opacity 1s, -moz-transform 0.5s 1s;
623 -ms-transition: opacity 1s, -ms-transform 0.5s 1s;
624 -o-transition: opacity 1s, -o-transform 0.5s 1s;
625 transition: opacity 1s, transform 0.5s 1s;
643 -webkit-transform: translateY(0px);
644 -moz-transform: translateY(0px);
645 -ms-transform: translateY(0px);
646 -o-transform: translateY(0px);
647 transform: translateY(0px);
653 First after 4.5s delay we animate the transform property to move the hint
657 -webkit-transition: opacity 1s 5s, -webkit-transform 0.5s 4.5s;
658 -moz-transition: opacity 1s 5s, -moz-transform 0.5s 4.5s;
659 -ms-transition: opacity 1s 5s, -ms-transform 0.5s 4.5s;
660 -o-transition: opacity 1s 5s, -o-transform 0.5s 4.5s;
661 transition: opacity 1s 5s, transform 0.5s 4.5s;