La animación -webkit-animation de Css3 volverá a su apariencia original después de la ejecución. ¿Cómo mantener el estado final de la animación?

-WebKit-animation {las animaciones 1 facilitan el avance 1}?

Nota: Si la animación solo se ejecuta una vez, 1653 no se puede completar a través de CSS. Puede escribir el estilo del final de la animación en una clase y usar js para asignar la clase al objeto al final de la animación.

Datos extendidos

¿Cuál es la diferencia entre animación CSS y transición CSS?

En primer lugar, consulte diferentes

1. ¿Animación? Propiedades es una propiedad abreviada para establecer seis propiedades de animación.

2.transición: este atributo es un atributo abreviado que se utiliza para establecer cuatro atributos de transición.

En segundo lugar, características diferentes

1. Animación: animación: nombre tiempo duración-función retraso iteración-recuento dirección, especifique el nombre del fotograma clave que debe vincularse al selector. Especifica el tiempo necesario para que se complete la animación, en segundos o milisegundos.

2.transition: transición: atributo duración temporización-función retardo, especifica el nombre de la propiedad CSS que establece el efecto de transición. Especifique el número de segundos o milisegundos que tarda en completarse el efecto de transición.