bounceInUp.css 478 B

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