Animación CSS3, ¿cómo retrasar la ejecución entre bucles?

2.0%{Property: value;} 100%{Property: value; 0% es el comienzo de la animación y 100% es la finalización de la animación. Puedes sumar 25%, 50%, etc. entre los dos.

3. Vincular animación al selector: en el estilo, establezca la propiedad de animación y personalice el nombre y la duración de la animación.

4. Especifique el tiempo de espera cuando comienza la animación: retardo de animación: tiempo; puede ser segundos, milisegundos, 2 s, 2 ms.

5. Tiempos de juego: animación-iteración-conteo: tiempos; el valor de los juegos permanentes es ilimitado.

6. Curva de velocidad de animación: función de sincronización de animación: tipo de cambio; los tipos de cambio incluyen: velocidad uniforme lineal; el desvanecimiento comienza lentamente; la relajación termina lentamente; La animación tiene un inicio lento y luego un final rápido y lento.

Datos extendidos

El atributo de animación es un atributo de abreviatura que se utiliza para establecer seis atributos de animación:

1 Nombre de la animación

Especificación. nombre del fotograma clave que debe vincularse al selector.

2. Animación-Duración

Especifique el tiempo necesario para completar la animación, en segundos o milisegundos.

3. Función de sincronización de animación

Especifica la curva de velocidad de la animación.

4. Retraso de la animación

Especifique el retraso antes de que comience la animación.

5. Animation-Iteration-Count

Especifique el número de veces que se debe reproducir la animación.

6. Director de animación

Especifique si la animación debe reproducirse al revés.

Nota: especifique siempre el atributo de duración de la animación; de lo contrario, la animación no se reproducirá si la duración es 0.