Advertisement
t3ch13-c0l0rs

rainbow

Oct 17th, 2022 (edited)
3,252
1
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.41 KB | None | 1 0
  1. a {
  2. transition-property: text-shadow;
  3. text-shadow: 0px 0px 0px;
  4. text-decoration: none
  5. }
  6.  
  7. /* you can change the fastness of the link but i dont recommend it considering people might be sensitive to fast flashing colors!! */
  8. a:hover {
  9. text-shadow: 0px 0px 5px;
  10. text-decoration: none;
  11. -webkit-animation:rainbow 5s infinite;
  12. -ms-animation:rainbow 5s infinite;
  13. -o-animation:rainbow 5s infinite;
  14. animation:rainbow 5s infinite;
  15. }
  16. @-webkit-keyframes rainbow {
  17. 0% {color: #ff0000;
  18. text-shadow: 0px 0px 5px #ff0000;
  19. }
  20. 10% {color: #ff8000;
  21. text-shadow: 0px 0px 5px #ff8000;
  22. }
  23. 20% {color: #ffff00;
  24. text-shadow: 0px 0px 5px #ffff00;
  25. }
  26. 30% {color: #80ff00;
  27. text-shadow: 0px 0px 5px #80ff00;
  28. }
  29. 40% {color: #00ff00;
  30. text-shadow: 0px 0px 5px #00ff00;
  31. }
  32. 50% {color: #00ff80;
  33. text-shadow: 0px 0px 5px #00ff80;
  34. }
  35. 60% {color: #00ffff;
  36. text-shadow: 0px 0px 5px #00ffff;
  37. }
  38. 70% {color: #0080ff;
  39. text-shadow: 0px 0px 5px #0080ff;
  40. }
  41. 80% {color: #0000ff;
  42. text-shadow: 0px 0px 5px #0000ff;
  43. }
  44. 90% {color: #8000ff;
  45. text-shadow: 0px 0px 5px #8000ff;
  46. }
  47. 100% {color: #ff0080;
  48. text-shadow: 0px 0px 5px #ff0080;
  49. }
  50. }
  51.  
  52.  
  53. @-ms-keyframes rainbow {
  54. 0% {color: #ff0000;
  55. text-shadow: 0px 0px 5px #ff0000;
  56. }
  57. 10% {color: #ff8000;
  58. text-shadow: 0px 0px 5px #ff8000;
  59. }
  60. 20% {color: #ffff00;
  61. text-shadow: 0px 0px 5px #ffff00;
  62. }
  63. 30% {color: #80ff00;
  64. text-shadow: 0px 0px 5px #80ff00;
  65. }
  66. 40% {color: #00ff00;
  67. text-shadow: 0px 0px 5px #00ff00;
  68. }
  69. 50% {color: #00ff80;
  70. text-shadow: 0px 0px 5px #00ff80;
  71. }
  72. 60% {color: #00ffff;
  73. text-shadow: 0px 0px 5px #00ffff;
  74. }
  75. 70% {color: #0080ff;
  76. text-shadow: 0px 0px 5px #0080ff;
  77. }
  78. 80% {color: #0000ff;
  79. text-shadow: 0px 0px 5px #0000ff;
  80. }
  81. 90% {color: #8000ff;
  82. text-shadow: 0px 0px 5px #8000ff;
  83. }
  84. 100% {color: #ff0080;
  85. text-shadow: 0px 0px 5px #ff0080;
  86. }
  87. }
  88.  
  89.  
  90. @-o-keyframes rainbow {
  91. 0% {color: #ff0000;
  92. text-shadow: 0px 0px 5px #ff0000;
  93. }
  94. 10% {color: #ff8000;
  95. text-shadow: 0px 0px 5px #ff8000;
  96. }
  97. 20% {color: #ffff00;
  98. text-shadow: 0px 0px 5px #ffff00;
  99. }
  100. 30% {color: #80ff00;
  101. text-shadow: 0px 0px 5px #80ff00;
  102. }
  103. 40% {color: #00ff00;
  104. text-shadow: 0px 0px 5px #00ff00;
  105. }
  106. 50% {color: #00ff80;
  107. text-shadow: 0px 0px 5px #00ff80;
  108. }
  109. 60% {color: #00ffff;
  110. text-shadow: 0px 0px 5px #00ffff;
  111. }
  112. 70% {color: #0080ff;
  113. text-shadow: 0px 0px 5px #0080ff;
  114. }
  115. 80% {color: #0000ff;
  116. text-shadow: 0px 0px 5px #0000ff;
  117. }
  118. 90% {color: #8000ff;
  119. text-shadow: 0px 0px 5px #8000ff;
  120. }
  121. 100% {color: #ff0080;
  122. text-shadow: 0px 0px 5px #ff0080;
  123. }
  124. }
  125.  
  126.  
  127. @keyframes rainbow {
  128. 0% {color: #ff0000;
  129. text-shadow: 0px 0px 5px #ff0000;
  130. }
  131. 10% {color: #ff8000;
  132. text-shadow: 0px 0px 5px #ff8000;
  133. }
  134. 20% {color: #ffff00;
  135. text-shadow: 0px 0px 5px #ffff00;
  136. }
  137. 30% {color: #80ff00;
  138. text-shadow: 0px 0px 5px #80ff00;
  139. }
  140. 40% {color: #00ff00;
  141. text-shadow: 0px 0px 5px #00ff00;
  142. }
  143. 50% {color: #00ff80;
  144. text-shadow: 0px 0px 5px #00ff80;
  145. }
  146. 60% {color: #00ffff;
  147. text-shadow: 0px 0px 5px #00ffff;
  148. }
  149. 70% {color: #0080ff;
  150. text-shadow: 0px 0px 5px #0080ff;
  151. }
  152. 80% {color: #0000ff;
  153. text-shadow: 0px 0px 5px #0000ff;
  154. }
  155. 90% {color: #8000ff;
  156. text-shadow: 0px 0px 5px #8000ff;
  157. }
  158. 100% {color: #ff0080;
  159. text-shadow: 0px 0px 5px #ff0080;
  160. }
  161. }
  162.  
  163. a:active {
  164. text-shadow: 0px 0px 5px;
  165. -webkit-animation:rainbow 1s infinite;
  166. -ms-animation:rainbow 1s infinite;
  167. -o-animation:rainbow 1s infinite;
  168. animation:rainbow 1s infinite;
  169. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement