link con fading

[paoletta360]

Ho visto su diversi siti, anche qui su html.it, che i link hanno un fading sull'hover.
E' CSS3?
Come si fa?

Grazie!

[ldetomi]

Si tratta dell "Transizioni" CSS3.

In pratica tu continui a impostare lo stato normale dei links e lo stato hover mediante la psudo-classe :hover, come hai sempre fatto.

L'unica aggiunta è quella di inserire alcune regole in più nella definizione dell'aspetto dei links, quelle relative appunto alle "transizioni". In teoria basterebbe una regola sola, ma al momento devi ancora usare i prefissi per i vari browsers:

transition: all 1s;
-webkit-transition: all 1s; /* Safari */

e altre simili per gli altri browser..... così facendo la transizione da uno stato all'altro non sarà immediata ma durerà 1s (come specificato dalle regole)

[paoletta360]

Ok, grazie, non sembra complesso a parte il fatto che si devono usare regole diverse per i vari browser
Cerco per Chrome, Firefox e Explorer

[ldetomi]

Io avevo usato queste che sono impostate solo per fare la transizione sul colore:

transition: color 1s;
-webkit-transition: color 1s;
-o-transition: color 1s;
-moz-transition: color 1s;
-ms-transition: color 1s;

[paoletta360]

Grazie!