Comparar revisiones

animation-direction

Revisión 305837:

Revisión 305837 de jesanchez el

Revisión 381853:

Revisión 381853 de Luis_Calvo el

Título:
animation-direction
animation-direction
Enlace amigable (slug):
CSS/animation-direction
CSS/animation-direction
Contenido:

Revisión 305837
Revisión 381853
n17      La propiedad CSS <code>animation-direction</code> indica sin17      La propiedad CSS <code>animation-direction</code> indica si
> la animacion deberia reproducirse en reversa o en ciclos alterna> la animación debe retroceder hasta el fotograma de inicio al fin
>dos.>alizar la secuencia o si debe comenzar desde el principio al lleg
 >ar al final.
n67        La animación debe reproducirse hacia adelante en cada cicn67        Cada vez que termina un ciclo, la animación se reinicia a
>lo. En otras palabras, cada vez que haya un cliclo de animación, >l estado inicial y comienza desde el principio. Este es el compor
>la animación será reiniciada al estado inicial y comenzará una y >tamiento por defecto.
>otra vez. Esta es la dirección de la animación por defecto. 
n73        La animación debe invertir la dirección en cada ciclo. Cun73        La animación, al terminar un ciclo, invierte su dirección
>ando se reproduce en reversa, los pasos de la animación son ejecu>. Es decir, los pasos de la animación se ejecutan al revés. Ademá
>tados hacia atrás. Adicionalmente, las funciones de tiempo tambié>s, las funciones de tiempo también se invierten; por ejemplo una 
>n son revertidas; por ejemplo una animación <code>ease-in</code> >animación <code>ease-in</code> se convierte en una animación con 
>es reemplazada por una una animación con <code>ease-out</code> cu><code>ease-out</code> cuando se reproduce al revés. El contador q
>ando es reproducida en reversa. La cuenta para determinar si es u>ue determina si la iteración es par o impar comienza en uno.
>na iteración par o impar empieza en uno. 
n79        La animación se reproduce en reversa cada ciclo. Cada vezn79        Cada ciclo de la animación se reproduce al revés . Cada v
> que hay un ciclo de animación, la animación se reinicia hasta el>ez que comienza un ciclo de animación, ésta se posiciona en el es
> estado final y comienza otra vez.>tado final y comienza desde ahí.
n85        La animación se reprocuce hacia atrás en la primera repron85        Es similar a <code>alternate</code> pero la animación se 
>ducción, luego hacia adelante en la próxima, luego continua alter>reproduce al revés. Es decir la animación se posiciona en el esta
>nando. La cuenta para determinar si es una iteración par o impar >do final, comienza a reproducirse al reves y, cuando llega al ini
>empieza en uno.>cio vuelve a reproducirse de forma normal hasta llegar al final d
 >e la secuencia. Y vuelve otra vez a repetirse. El contador que de
 >termina si la iteración es par o impar comienza en uno.
t92      Ver <a href="/en/CSS/CSS_animations" title="en/CSS/CSS_animt92      Visitar <a href="/es/CSS/Usando_animaciones_CSS" title="en/
>ations">animaciones CSS</a> para ejemplos.>CSS/CSS_animations">animaciones CSS</a> para ver algunos ejemplos
 >.

Volver al historial