Tekstin otsikon liukuvärjääminen hiiren vietäessä päälle

Aivan, en keksinyt tälle koodille parempaa otsikkoa :D. 

Tarkoitan linkkiefektiä (johon olette mahdollisesti

joissain blogeissa jo törmänneet), kun linkin väri

liukuvärjäytyy yleensä hitaasti joksikin toiseksi väriksi. 

Tämä koodi toimii kuitenkin vain otsikossa (sillä eräs samaan sarjaan 

kuuluva koodi aiheuttaa hankaluuksia otsikolle yms., mikä siis 

laittaisi efektin kaikkiin linkkeihin). Olenpa sekava tänään.

Malli -> Mukauta -> Lisäasetukset -> Lisää CSS

Lisää CSS:ään tämä koodi:

h3.post-title a:link {
text-decoration:none;
color: #000000;
transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
}

h3.post-title a:hover {
text-decoration:none;
color: #c9c9c9;
transition: 1.5s;
-moz-transition: 1.5s;
-webkit-transition: 1.5s;
-o-transition: 1.5s;
}

 Taas, tälläkin kertaa, punaiseksi värjättyjä ja lihavoituja kohtia

voit muuttaa oman mielesi mukaan. Hashtagin jälkeiset luvut (numero-

kirjainyhdistelmät) ovat värikoodeja (= koodi, joka on tietty väri). 

Muuta niitä mieleiseksi. TÄMÄ linkki vie HTML Color Codes -sivustolle,

jossa voit testailla väripaletilla värejä & niiden koodeja, 

jonka jälkeen kopioida koodin ja liittää hashtagin perään.

Jos jäi jotain kysyttävää, kysy ihmeessä! :)

xoxo iltsu