Ho visto su diversi siti, anche qui su html.it, che i link hanno un fading sull'hover.
E' CSS3?
Come si fa?
Grazie!![]()
Ho visto su diversi siti, anche qui su html.it, che i link hanno un fading sull'hover.
E' CSS3?
Come si fa?
Grazie!![]()
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:![]()
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)codice:transition: all 1s; -webkit-transition: all 1s; /* Safari */![]()
Ok, grazie, non sembra complessoa parte il fatto che si devono usare regole diverse per i vari browser
![]()
Cerco per Chrome, Firefox e Explorer![]()
![]()
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;
Grazie!![]()