Advertisement
Guest User

Shaking text

a guest
Aug 27th, 2023
725
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.53 KB | None | 0 0
  1. <style>
  2. .shk {
  3. animation: shake2 1s;
  4. animation-iteration-count: infinite;
  5. -webkit-transition: .4s ease-in;
  6. -moz-transition: .4s ease-in;
  7. transition: .4s ease-in;
  8. }
  9.  
  10. @keyframes shake {
  11. 0% {
  12. transform: translate(1px, 1px) rotate(0deg);
  13. }
  14.  
  15. 10% {
  16. transform: translate(-1px, -2px) rotate(-1deg);
  17. }
  18.  
  19. 20% {
  20. transform: translate(-2px, 0px) rotate(1deg);
  21. }
  22.  
  23. 30% {
  24. transform: translate(1px, 1px) rotate(0deg);
  25. }
  26.  
  27. 40% {
  28. transform: translate(1px, -1px) rotate(1deg);
  29. }
  30.  
  31. 50% {
  32. transform: translate(-1px, 2px) rotate(-1deg);
  33. }
  34.  
  35. 60% {
  36. transform: translate(-2px, 1px) rotate(0deg);
  37. }
  38.  
  39. 70% {
  40. transform: translate(2px, 1px) rotate(-1deg);
  41. }
  42.  
  43. 80% {
  44. transform: translate(-1px, -1px) rotate(1deg);
  45. }
  46.  
  47. 90% {
  48. transform: translate(1px, 1px) rotate(0deg);
  49. }
  50.  
  51. 100% {
  52. transform: translate(1px, -2px) rotate(-1deg);
  53. }
  54. }
  55.  
  56. @keyframes shake2 {
  57. 0% {
  58. transform: translate(1px, 1px) rotate(0deg);
  59. }
  60.  
  61. 10% {
  62. transform: translate(-1px, -2px) rotate(0deg);
  63. }
  64.  
  65. 20% {
  66. transform: translate(-1px, 0px) rotate(1deg);
  67. }
  68.  
  69. 30% {
  70. transform: translate(1px, 1px) rotate(0deg);
  71. }
  72.  
  73. 40% {
  74. transform: translate(1px, -1px) rotate(1deg);
  75. }
  76.  
  77. 50% {
  78. transform: translate(-1px, 2px) rotate(0deg);
  79. }
  80.  
  81. 60% {
  82. transform: translate(-1px, 1px) rotate(0deg);
  83. }
  84.  
  85. 70% {
  86. transform: translate(1px, 1px) rotate(-1deg);
  87. }
  88.  
  89. 80% {
  90. transform: translate(-1px, -1px) rotate(0deg);
  91. }
  92.  
  93. 90% {
  94. transform: translate(1px, 1px) rotate(0deg);
  95. }
  96.  
  97. 100% {
  98. transform: translate(1px, -2px) rotate(-1deg);
  99. }
  100. }
  101. </style>
  102.  
  103. <div class="shk">TEXT HERE</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement