Definizione e utilizzo
Alcune proprietà CSS sono animatable, cioè possono essere utilizzati nelle animazioni e transizioni.
proprietà animatable possono cambiare gradualmente da un valore all'altro, come la dimensione, numeri, percentuali e colore.
Supporto per il browser
I numeri nella tabella specifica la prima versione del browser che supporta completamente le animazioni CSS.
Numeri seguiti da -webkit-, -moz-, o -o- specificare la prima versione che ha lavorato con un prefisso.
| 4.0 -webkit- | 10.0 | 16,0 5.0 -moz- | 4.0 -webkit- | 15.0 -webkit- 12.1 12.0 -o- |
Esempio
Animare il background-color dal rosso al blu:
/* Code for Chrome, Safari and Opera */
@-webkit-keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
/* Standard syntax */
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Prova tu stesso " Proprietà animatable
Queste proprietà sono animatable in CSS: