Paso 6: Animación de la imagen
Ahora que el texto esté en movimiento, vamos a hacer el cargador un poco más interactiva mediante la adición de animaciones a la imagen. Puesto que es una imagen, no puedo cambiar el color del texto. Pero, al reducir la opacidad de la imagen, puedo hacerlo bastante gris.
Volvamos al código CSS para la etiqueta img y añadir estas líneas.
Esta propiedad se utiliza para agregar animaciones a los elementos en CSS. Usted puede haber notado que estas líneas son esencialmente iguales a excepción de la - webkit- prefijo en la primera línea. Esto es porque algunos navegadores admiten sólo - webkit- animaciones (como Safari).
A continuación, escriba las líneas siguientes de código dentro de la etiqueta de estilo.
Esto también puede reducir y aumentar la opacidad de la imagen para hacerla aspecto negro y gris.
Por último, puede añadir texto debajo del contenedor así.
