bounceIn.css 569 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @keyframes bounceIn {
  2. from,
  3. 20%,
  4. 40%,
  5. 60%,
  6. 80%,
  7. to {
  8. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  9. }
  10. 0% {
  11. opacity: 0;
  12. transform: scale3d(0.3, 0.3, 0.3);
  13. }
  14. 20% {
  15. transform: scale3d(1.1, 1.1, 1.1);
  16. }
  17. 40% {
  18. transform: scale3d(0.9, 0.9, 0.9);
  19. }
  20. 60% {
  21. opacity: 1;
  22. transform: scale3d(1.03, 1.03, 1.03);
  23. }
  24. 80% {
  25. transform: scale3d(0.97, 0.97, 0.97);
  26. }
  27. to {
  28. opacity: 1;
  29. transform: scale3d(1, 1, 1);
  30. }
  31. }
  32. .bounceIn {
  33. animation-duration: 0.75s;
  34. animation-name: bounceIn;
  35. }