lightSpeedInLeft.css 362 B

123456789101112131415161718192021222324
  1. @keyframes lightSpeedInLeft {
  2. from {
  3. transform: translate3d(-100%, 0, 0) skewX(30deg);
  4. opacity: 0;
  5. }
  6. 60% {
  7. transform: skewX(-20deg);
  8. opacity: 1;
  9. }
  10. 80% {
  11. transform: skewX(5deg);
  12. }
  13. to {
  14. transform: translate3d(0, 0, 0);
  15. }
  16. }
  17. .lightSpeedInLeft {
  18. animation-name: lightSpeedInLeft;
  19. animation-timing-function: ease-out;
  20. }