bounce.css 551 B

12345678910111213141516171819202122232425262728293031
  1. @keyframes bounce {
  2. from,
  3. 20%,
  4. 53%,
  5. 80%,
  6. to {
  7. animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  8. transform: translate3d(0, 0, 0);
  9. }
  10. 40%,
  11. 43% {
  12. animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  13. transform: translate3d(0, -30px, 0);
  14. }
  15. 70% {
  16. animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  17. transform: translate3d(0, -15px, 0);
  18. }
  19. 90% {
  20. transform: translate3d(0, -4px, 0);
  21. }
  22. }
  23. .bounce {
  24. animation-name: bounce;
  25. transform-origin: center bottom;
  26. }