Oggi vi mostro in modo veloce con un breve tutorial come utilizzare le grandi potenzialità di CSS3 per creare delle transizioni di colore nei vostri elementi <a href=”..”></a>.

Purtroppo ad ora è possibile fruire di questo effetto solamente su browser Safari 4 e Crhome, mentre in tutti gli altri browser il risultato sarà quello che tutti già conosciamo.

Il codice CSS di esempio che si può utilizzare è questo:
{code type=css}
a {
color: blue;
font-size: 60px;
-webkit-transition: color 3s linear;
}

a:hover {
color: green;
}
{/code}

come potete vedere ho usato “-webkit-transition” che ci permette appunto di ottenere l’effetto di transizione di colore temporale.

Per vedere il risultato che otterrete utilizzando questa nuova utilità di CSS3 potete visualizzare questo file di esempio: trasizione-colore-link-ipertestuale.html . (funziona solo su Safari 4 e Chrome).

Fantastico no ? Prossimamente altre tips su CSS3…vi aspetto.