proprietà CSS3 animazione
Esempi
Utilizzare l'animazione proprietà scorciatoia di legarsi ad un elemento <div>:
div
{
Animazione: mymove 5 s infinito ; - Webkit-animation: mymove 5 s infinito ; / * Safari e Chrome * /
}
Prova »
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
属性 | |||||
---|---|---|---|---|---|
animation | 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- |
predefinito: | Nessuno 0 facilità 0 1 normale |
---|---|
ereditarietà: | no |
versione: | CSS3 |
sintassi JavaScript: | oggetto .style.animation = "5s mymove infinita" |
grammatica
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
valore | spiegazione |
---|---|
Animazione-nome | Specifica il nome di essere associato a selezionare i fotogrammi chiave |
Animazione di durata | Animazione Specifica quanti secondi o millisecondi |
Animazione-timing-function | Come impostare l'animazione completerà un ciclo |
Animazione di ritardo | L'animazione prima di iniziare intervallo di ritardo. |
Animazione-iterazione count | Definire la riproduzione dell'animazione. |
Animazione-direzione | Specifica se attivare l'animazione. |
Animazione-fill-mode | Disposizioni quando l'animazione non viene riprodotto (quando l'animazione è completa, o quando c'è un ritardo nella animazione non viene riprodotto), da applicare all'elemento stile. |
Animazione-play-stato | Specifica se l'animazione è in funzione o in pausa. |
iniziale | Impostare la proprietà al suo valore di default. Leggere le informazioni relative iniziali. |
ereditare | Proprietà ereditate dalla elemento genitore. Leggere le informazioni su initinherital. |
articoli correlati
CSS3 tutorial: CSS3 Animazione