lightSpeedIn.css 382 B

123456789101112131415161718192021222324252627
  1. @keyframes lightSpeedIn {
  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. opacity: 1;
  13. }
  14. to {
  15. transform: translate3d(0, 0, 0);
  16. opacity: 1;
  17. }
  18. }
  19. .lightSpeedIn {
  20. animation-name: lightSpeedIn;
  21. animation-timing-function: ease-out;
  22. }