CSS Animazione
Definizione e utilizzo
Alcune proprietà CSS possono essere animate, che significa che possono essere utilizzati per le animazioni e transizioni.
proprietà di animazione possono essere modificate gradualmente da un valore ad un altro, come la dimensione, il numero e la percentuale di colore.
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione metodo.
Subito dopo il numero -webkit-, -moz-, o -o- specifica il primo browser che supporta questo prefisso versione attributo.
4.0 -webkit- | 10.0 | 16,0 5.0 -moz- | 4.0 -webkit- | 15.0 -webkit- 12.1 12.0 -o- |
Esempi
Il colore di sfondo cambia gradualmente dal rosso al blu:
@keyframes mymove
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
Prova »
proprietà di animazione
proprietà di animazione CSS: