Ezt még egy oldalon sem láttam, így gondoltam, hogy elhozom nektek a leírását. :) Nagyon egyszerű szinte az egész, de annyira mutatós. És hogy miről van szó? Ez egy link effekt tulajdonképp, arra jó, hogy beállíthasd a css kódodban a linked színét, ha rámész az egérrel ilyen szivárvány színűre. :)

Nézzünk egy képet, hogy miről is beszélek:

A mellékelt képen a színes link az a link, amikor rámész a linkre, a másik szürkésebb szín pedig amikor inaktív a link. :) És most nézzük ennek a kódját:

<style>
a:link, a:visited {

text-decoration: none;

color: #B0A7A7;

-webkit-transition: 1.3s

}

 

a:hover { 

-webkit-background-clip: text;color: white;-webkit-text-fill-color: transparent;

background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));

background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);

-webkit-transition: 1.3s;

} 
</style>