bounceInRight.css 469 B

1234567891011121314151617181920212223242526272829303132
  1. @keyframes bounceInRight {
  2. 0%, 60%, 75%, 90%, 100% {
  3. transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  4. }
  5. 0% {
  6. opacity: 0;
  7. transform: translate3d(3000px, 0, 0);
  8. }
  9. 60% {
  10. opacity: 1;
  11. transform: translate3d(-25px, 0, 0);
  12. }
  13. 75% {
  14. transform: translate3d(10px, 0, 0);
  15. }
  16. 90% {
  17. transform: translate3d(-5px, 0, 0);
  18. }
  19. 100% {
  20. transform: none;
  21. }
  22. }
  23. .bounceInRight {
  24. animation-name: bounceInRight;
  25. }