SOLVED

[infini]

Hello! I am not very sure where to ask this so I hope I got the right place :)

I really love the idea of having rainbow links (taken from here) but I know DW does not allow any javascript. I was wondering if there are other ways/codes of achieving the same effect of having rainbow links?

Thank you! :)

EDIT: I have found the solution from here!!

Comments

[baggyeyes]

You could try CSS3 - this mini tutorial tells you how.

[infini]

Ahhhh thank you so much for your suggestion of using CSS3! I have found the solution! :)

[lanterne_rouee]

Where did you put the code? I copied and pasted it into the custom CSS area and nothing changed. :(

Sorry, I know nothing about CSS3, but I want pretty links! lol Help?

[infini]

Try entering this into the CSS area:
@keyframes rainbow { 0% {color: red!important;} 12.5% {color: orange!important;} 25% {color: yellow!important;} 37.5% {color: green!important;} 50% {color: blue!important;} 62.5% {color: indigo!important;} 75% {color: violet!important;} 87.5% {color: red!important;} } @-moz-keyframes rainbow { 0% {color: red!important;} 12.5% {color: orange!important;} 25% {color: yellow!important;} 37.5% {color: green!important;} 50% {color: blue!important;} 62.5% {color: indigo!important;} 75% {color: violet!important;} 87.5% {color: red!important;} } @-webkit-keyframes rainbow { 0% {color: red!important;} 12.5% {color: orange!important;} 25% {color: yellow!important;} 37.5% {color: green!important;} 50% {color: blue!important;} 62.5% {color: indigo!important;} 75% {color: violet!important;} 87.5% {color: red!important;} } @-ms-keyframes rainbow { 0% {color: red!important;} 12.5% {color: orange!important;} 25% {color: yellow!important;} 37.5% {color: green!important;} 50% {color: blue!important;} 62.5% {color: indigo!important;} 75% {color: violet!important;} 87.5% {color: red!important;} } a:hover {animation: rainbow 5s infinite; -moz-animation: rainbow 5s infinite; -webkit-animation: rainbow 5s infinite; -ms-animation: rainbow 5s infinite; } }

It won't work on even 1E9 (the latest IE) for now. I did some changes to the code so that it will work on IE10, when it comes out. This code should work with all other browsers. You can also change the 'red', 'orange', 'yellow' into colours that you want :)

Hope this helps!

[lanterne_rouee]

It worked! \o/ Yayyy! Thank you! :D