bounceInRight.css 487 B

123456789101112131415161718192021222324252627282930313233343536
  1. @keyframes bounceInRight {
  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. from {
  10. opacity: 0;
  11. transform: translate3d(3000px, 0, 0);
  12. }
  13. 60% {
  14. opacity: 1;
  15. transform: translate3d(-25px, 0, 0);
  16. }
  17. 75% {
  18. transform: translate3d(10px, 0, 0);
  19. }
  20. 90% {
  21. transform: translate3d(-5px, 0, 0);
  22. }
  23. to {
  24. transform: translate3d(0, 0, 0);
  25. }
  26. }
  27. .bounceInRight {
  28. animation-name: bounceInRight;
  29. }