bounceIn.css 529 B

12345678910111213141516171819202122232425262728293031323334353637
  1. @keyframes bounceIn {
  2. 0%, 20%, 40%, 60%, 80%, 100% {
  3. transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  4. }
  5. 0% {
  6. opacity: 0;
  7. transform: scale3d(.3, .3, .3);
  8. }
  9. 20% {
  10. transform: scale3d(1.1, 1.1, 1.1);
  11. }
  12. 40% {
  13. transform: scale3d(.9, .9, .9);
  14. }
  15. 60% {
  16. opacity: 1;
  17. transform: scale3d(1.03, 1.03, 1.03);
  18. }
  19. 80% {
  20. transform: scale3d(.97, .97, .97);
  21. }
  22. 100% {
  23. opacity: 1;
  24. transform: scale3d(1, 1, 1);
  25. }
  26. }
  27. .bounceIn {
  28. animation-name: bounceIn;
  29. }