CSS3 animation-Método de uso e exemplo do atributo delay

　CSS animação-A propriedade delay define quando a animação deve começar a reprodução (por exemplo: valor de2s, indicando que a animação começará após a aplicação2A partir de segundos começando a reprodução). O valor deste atributo pode ser especificado em segundos (s) ou milissegundos (ms).

A tabela a seguir resume o contexto de uso e o histórico de versões deste atributo.

animation-s"

Sintaxe de uso do delay

animation-A sintaxe deste atributo é:

delay: time | initial | inherit-O exemplo a seguir demonstra como usar o animation

Exemplo
　　　　.box {　5height:
　　　　width:　5height:
　　　　0px;
　　　　background: red;
　　　　/*　s;　*/
　　　　-webkit-animation-position: relative;
　　　　-webkit-animation-name: moveit;　4delay:
　　　　-webkit-animation-duration:　2delay:
　　　　
　　　　animation-position: relative;
　　　　animation-name: moveit;　4delay:
　　　　animation-duration:　2delay:
0%;}
　
/*　s;　*/
Chrome, Safari, Opera-webkit-@
　　　　@keyframes moveit {
　　　　from {left: 0;}　5to {left:
0%;}
　
keyframes moveit {
　　　　@keyframes moveit {
　　　　from {left: 0;}　5to {left:
0%;}

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Compatibilidade do navegador

animation-Compatibilidade do atributo delay do navegador, todos os navegadores populares suportam este atributo.

Leia mais

Consulte a seguinte tutorial:CSS3Animação.

Atributos e regras relacionados:animation,animation-name,animation-duration,animation-timing-function,animation-iteration-count,animation-direction,animation-fill-mode,animation-play-state,@keyframes.