propriedade CSS3 animação em atraso
Exemplos
Espere dois segundos e, em seguida, iniciar a animação:
animação em atraso: 2 s; - webkit-animação-delay: 2 s; / * Safari e Chrome * /
tente »
Na parte inferior desta página para mais exemplos.
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do 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- |
definições e instruções tag
atributo da animação atraso define quando a animação começa.
valor-animação atraso das unidades pode ser segundo (s) ou milésimos de segundo (ms).
Dica: Permitir negativo, -2S fazer a animação começar imediatamente, mas ignorar dois segundos para a animação.
padrão: | 0 |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto object.style.animationDelay = "2s" |
gramática
animation-delay:time;
值 | 描述 | 测试 |
---|---|---|
time | 可选。定义动画开始前等待的时间,以秒或毫秒计。默认值为0 | 测试 » |
mais exemplos
Exemplos
Negativo, por favor, note que a animação pular dois segundos para o ciclo de animação:
animation-delay: -2 s / * Opera * / -moz-animação -delay: -2 s / * Firefox * / -webkit-animação -delay: -2 s / * Safari e Chrome * /
tente »
artigos relacionados
tutorial CSS3: CSS3 Animação