Advertisement
n3ito

[code] shaking text

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