CSS Animabile
Definizione e utilizzo
Alcune proprietà CSS sono animabili , il che significa che possono essere utilizzate nelle animazioni e nelle transizioni.
Le proprietà animabili possono cambiare gradualmente da un valore all'altro, come dimensioni, numeri, percentuale e colore.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente le animazioni CSS.
I numeri seguiti da -webkit-, -moz- o -o- specificano la prima versione che ha funzionato con un prefisso.
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Esempio
Anima il colore di sfondo dal rosso al blu:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Proprietà animabili
Queste proprietà sono animabili in CSS: