5) Transizioni in CSS3

Un altro simpatico effetto animato che si può ricavare con CSS3 è il passaggio da un colore a un altro al passaggio col mouse in hover sopra un testo-link, sfruttando la pseudo-classe “:hover”.
Vediamo il codice:

a.transCSS3ex:visited, a.transCSS3:link {
	color: #000;
	transition: color 2s bounce;
}
a.transCSS3ex:hover {
	color: #ff2345;
}

In questo caso stiamo animando soltanto i collegamenti che possiedono la classe “transCSS3”, impostando una animazione di passaggio di mezzo secondo (possiamo indicare il tempo in secondi “s” o in millesecondi “ms”, impostiamo anche la modalità di animazione “bounce”, potremmo anche includere successivamente un eventuale ritardo.

Vediamo un esempio.

Condividi questo articolo su:

Facebook Twitter Linkedin Digg Email

Leave a Comment

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">


6 − due =