proprietà CSS3 animazioni di ritardo
Esempi
Attendere due secondi e poi avviare l'animazione:
Animazione di ritardo: 2 s; - webkit-animazione-delay: 2 s; / * Safari e Chrome * /
Prova »
In fondo a questa pagina per ulteriori esempi.
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-delay | 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- |
le definizioni e le istruzioni tag
attributo di animazione di ritardo definisce quando inizia l'animazione.
valore di animazione-ritardo delle unità può essere secondi (s) o millisecondi (ms).
Suggerimento: Consentire negativo, -2s rendere l'animazione iniziare immediatamente, ma saltare due secondi dall'inizio l'animazione.
predefinito: | 0 |
---|---|
ereditarietà: | no |
versione: | CSS3 |
sintassi JavaScript: | opporsi object.style.animationDelay = "2s" |
grammatica
animation-delay:time;
值 | 描述 | 测试 |
---|---|---|
time | 可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0 | 测试 » |
Altri esempi
Esempi
Negativo, si prega di notare che l'animazione saltare due secondi nel ciclo di animazione:
Animazione di ritardo: -2 s / * * Opera / -moz-animation -delay: -2 s / * Firefox * / -webkit-animation -delay: -2 s / * Safari e Chrome * /
Prova »
articoli correlati
CSS3 tutorial: CSS3 Animazione