keskiviikko 9. lokakuuta 2013

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

1 kommentti:

  1. Kiitos tosi paljon! Oon ettinyt tätä koodia ihan kamalan kauan! :)

    VastaaPoista

MUISTA LINKATA BLOGISI !! -> näin ongelman ratkominen / auttaminen osaltani onnistuu parhaalla mahdollisella tavalla! :-)