Configurando a anima12o

Apuntes

Configurando a animação Para criar uma sequência de animação CSS, você estiliza o elemento que deseja animar com a propriedade animation ou suas sub-propriedades. Isso permite que você configure a sincronização da animação, bem como outros detalhes de como a de como a sequência de animação deveria progredir. Isso não configura a aparência atual da animação, que é feita usando a regra com parênteses (at-rule) @keyframes como descrito em Defining the animation sequence using keyframes abaixo. As sub-propriedades da propriedade animation são: animation-delay Configura o delay entre o tempo em que o elemento é carregado e o inicio da sequência de animação. animation-direction Configura se a animação deve ou nao alternar a direção em cada execução durante a sequência ou voltar ao ponto inicial e se repetir. animation-duration Configura o tempo que uma animação deveria levar para completar um ciclo. animation-iteration-count Configura o numero de vezes que uma animação deveria se repetir; você pode especificar infinito para repetir a animação indefinidamente. animation-name Especifica o nome da regra com parênteses (at-rule) @keyframes at-rule descrevendo os keyframes da animação. ...