Comparar revisões

Usando animações CSS

Revisão 292925:

Revisão 292925 por francisco.hansen em

Revisão 292936:

Revisão 292936 por francisco.hansen em

Título:
Usando animações CSS
Usando animações CSS
Slug:
CSS/Using_CSS_animations
CSS/Using_CSS_animations
Conteúdo:

Revisão 292925
Revisão 292936
n25      Para criar uma sequência de animação CSS, você estiliza o en25      Para criar uma sequência de animação CSS, você estiliza o e
>lemento que deseja animar com a propriedade {{ cssxref("animation>lemento que deseja animar com a propriedade {{ cssxref("animation
>") }} ou suas sub-propriedades. Isso permite que você configure a>") }} ou suas sub-propriedades. Isso permite que você configure a
> sincronização da animação, bem como outros detalhes de como a de> sincronização da animação, bem como outros detalhes de como a de
> como a sequência de animação deveria progredir. Isso <strong>não> como a sequência de animação deveria progredir. Isso <strong>não
></strong> configura a aparência atual da animação, que é feita us></strong> configura a aparência atual da animação, que é feita us
>ando a {{ cssxref("@keyframes") }} na regra como descrito em {{ a>ando a regra com parênteses (at-rule) {{ cssxref("@keyframes") }}
>nch("Defining the animation sequence using keyframes") }} abaixo.> como descrito em {{ anch("Defining the animation sequence using 
 >keyframes") }} abaixo.
n59        Especifica o nome das {{ cssxref("@keyframes") }} na regrn59        Especifica o nome da regra com parênteses (at-rule) {{ cs
>a descrevendo os keyframes da animação.>sxref("@keyframes") }} at-rule descrevendo os keyframes da animaç
 >ão.
n81      Defining the animation sequence using keyframesn81      Definindo a sequência de animação usando keyframes
t84      Once you've configured the animation's timing, you need to t84      Uma vez que você configurou a sincronização da animação, vo
>define the appearance of the animation. This is done by establish>ce precisa definir a aparência da animação. Isso é feito por esta
>ing two or more keyframes using the {{ cssxref("@keyframes") }} a>belecer duas ou mais keyframes usando a regra com parênteses (at-
>t-rule. Each keyframe describes how the animated element should r>rule) {{ cssxref("@keyframes") }}. Cada keyframe descreve como o 
>ender at a given time during the animation sequence.>elemento animado deveria se renderizar a um tempo dado durante a 
 >sequência de animação.

Voltar ao histórico