Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Effetti avanzati con :hover e contenuti generati

Link copiato negli appunti

Il bel tutorial Snazzy Hover Effects Using CSS uscito qualche giorno fa su Six Revisions ha secondo me un merito, a prescindere dalla bontà /utilità  dell'effetto finale (potete vederlo in azione nella demo): fa riflettere su quanto sia possibile ottenere usando proprietà  e tecniche (i contenuti generati e semplici pseudoclassi come :hover e :focus in particolare) definite nelle specifiche dal 1998 e per le quali si è dovuta attendere l'uscita di IE8 (2009) per avere un supporto su tutti i browser principali. Ogni commento credo sia superfluo.

La tecnica consente di creare delle didascalie per le immagini a partire dal valore dell'attributo title che vengono visualizzate al passaggio del mouse, con la possibilità  di definirne l'aspetto grafico e con un pizzico di effetti visivi CSS3 aggiunti solo per dare un ritocco ai dettagli:

screenshot_04.png

Ti consigliamo anche