rubberBand.css 424 B

12345678910111213141516171819202122232425262728293031323334
  1. @keyframes rubberBand {
  2. from {
  3. transform: scale3d(1, 1, 1);
  4. }
  5. 30% {
  6. transform: scale3d(1.25, 0.75, 1);
  7. }
  8. 40% {
  9. transform: scale3d(0.75, 1.25, 1);
  10. }
  11. 50% {
  12. transform: scale3d(1.15, 0.85, 1);
  13. }
  14. 65% {
  15. transform: scale3d(0.95, 1.05, 1);
  16. }
  17. 75% {
  18. transform: scale3d(1.05, 0.95, 1);
  19. }
  20. to {
  21. transform: scale3d(1, 1, 1);
  22. }
  23. }
  24. .rubberBand {
  25. animation-name: rubberBand;
  26. }