Red de conocimiento del abogados - Ley de patentes - La animación -webkit-animation de css3 volverá a su apariencia original después de la ejecución. ¿Cómo conservar el estado final de la animación?

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

Para conservar el estado final de la animación, simplemente agregue reenvíos después de la animación. El código es el siguiente: 4102

-webkit-animation{animaciones 1s facilitan 1 reenvíos}?

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

Información ampliada

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

1. Diferentes referencias

1. El atributo es una propiedad abreviada para configurar seis propiedades de animación.

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

2. Diferentes características

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

2. Transición: transición: propiedad duración tiempo-función retardo, que especifica el nombre de la propiedad CSS que establece el efecto de transición. Especifica cuántos segundos o milisegundos tarda en completarse el efecto de transición.

上篇: Cómo eliminar rápidamente el olor en el coche 下篇: Escribe una composición en inglés sobre el tema Mi animal favorito es la mamba negra, ¡una sencilla, de unas 50 palabras! ! ! ! ¡Urgente! ! !