bounceInLeft.css 529 B

1234567891011121314151617181920212223242526272829303132333435
  1. @keyframes bounceInLeft {
  2. from,
  3. 60%,
  4. 75%,
  5. 90%,
  6. to {
  7. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  8. }
  9. 0% {
  10. opacity: 0;
  11. transform: translate3d(-3000px, 0, 0) scaleX(3);
  12. }
  13. 60% {
  14. opacity: 1;
  15. transform: translate3d(25px, 0, 0) scaleX(1);
  16. }
  17. 75% {
  18. transform: translate3d(-10px, 0, 0) scaleX(0.98);
  19. }
  20. 90% {
  21. transform: translate3d(5px, 0, 0) scaleX(0.995);
  22. }
  23. to {
  24. transform: translate3d(0, 0, 0);
  25. }
  26. }
  27. .bounceInLeft {
  28. animation-name: bounceInLeft;
  29. }