Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- a.rainbow:link { text-decoration: none; }
- a.rainbow {
- font-size:2em;
- }
- a.rainbow:hover {
- -webkit-animation:rainbow 1s infinite;
- -ms-animation:rainbow 1s infinite;
- -o-animation:rainbow 1s infinite;
- animation:rainbow 1s infinite;
- }
- /*you can change the colors but i just made them rainbow, just make sure it also matches the keyframes one below*/
- @-webkit-keyframes rainbow {
- 0% {color: #ff0000;}
- 10% {color: #ff8000;}
- 20% {color: #ffff00;}
- 30% {color: #80ff00;}
- 40% {color: #00ff00;}
- 50% {color: #00ff80;}
- 60% {color: #00ffff;}
- 70% {color: #0080ff;}
- 80% {color: #0000ff;}
- 90% {color: #8000ff;}
- 100% {color: #ff0080;}
- }
- @-ms-keyframes rainbow {
- 0% {color: #ff0000;}
- 10% {color: #ff8000;}
- 20% {color: #ffff00;}
- 30% {color: #80ff00;}
- 40% {color: #00ff00;}
- 50% {color: #00ff80;}
- 60% {color: #00ffff;}
- 70% {color: #0080ff;}
- 80% {color: #0000ff;}
- 90% {color: #8000ff;}
- 100% {color: #ff0080;}
- }
- @-o-keyframes rainbow {
- 0% {color: #ff0000;}
- 10% {color: #ff8000;}
- 20% {color: #ffff00;}
- 30% {color: #80ff00;}
- 40% {color: #00ff00;}
- 50% {color: #00ff80;}
- 60% {color: #00ffff;}
- 70% {color: #0080ff;}
- 80% {color: #0000ff;}
- 90% {color: #8000ff;}
- 100% {color: #ff0080;}
- }
- @keyframes rainbow {
- 0% {color: #ff0000;}
- 10% {color: #ff8000;}
- 20% {color: #ffff00;}
- 30% {color: #80ff00;}
- 40% {color: #00ff00;}
- 50% {color: #00ff80;}
- 60% {color: #00ffff;}
- 70% {color: #0080ff;}
- 80% {color: #0000ff;}
- 90% {color: #8000ff;}
- 100% {color: #ff0080;}
- }
- </style>
- <a class="rainbow" href="#home">Rainbow</a>
Add Comment
Please, Sign In to add comment