Advertisement
nomskoo

rubberband text

Apr 1st, 2024
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.97 KB | None | 0 0
  1. NOT MY CODE!! the original limeweave link doesnt work anymore so here is a re-upload! if anyone knows who to properly credit pls lmk @ crrdcore on twt!
  2.  
  3. <style>
  4. #text {
  5. text-align:center;
  6. line-height: 60px;
  7. animation: rubberBand 0.9s;
  8. animation-iteration-count: infinite;
  9.  
  10. }
  11.  
  12. meep {
  13. transform: scale3d(1, 1, 1);
  14. }
  15.  
  16. @-webkit-keyframes rubberBand {
  17. 0% {
  18. -webkit-transform: scale3d(1, 1, 1);
  19. transform: scale3d(1, 1, 1);
  20. }
  21.  
  22. 30% {
  23. -webkit-transform: scale3d(1.25, 0.75, 1);
  24. transform: scale3d(1.25, 0.5, 0.15);
  25. }
  26.  
  27. 40% {
  28. -webkit-transform: scale3d(0.75, 1.25, 1);
  29. transform: scale3d(0.75, 1.25, 1);
  30. }
  31.  
  32. 50% {
  33. -webkit-transform: scale3d(1.15, 0.85, 1);
  34. transform: scale3d(1.15, 0.85, 1);
  35. }
  36.  
  37. 65% {
  38. -webkit-transform: scale3d(.95, 1.05, 1);
  39. transform: scale3d(.95, 1.05, 1);
  40. }
  41.  
  42. 75% {
  43. -webkit-transform: scale3d(1.05, .95, 1);
  44. transform: scale3d(1.05, .95, 1);
  45. }
  46.  
  47. 100% {
  48. -webkit-transform: scale3d(1, 1, 1);
  49. transform: scale3d(1, 1, 1);
  50. }
  51. }
  52.  
  53. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement