Esta animación se basa en la persecución de un gato tras una ardilla, o al revés, según queramos. El movimiento se basa en recorrer la pantalla de un lado a otro, con la posibilidad de pararla y posteriormente, volverla a iniciar.
Para que la imágenes parezcan que hacen un movimiento real, usaremos imágenes gif cuando éstas realicen dichos movimientos. A continuación os dejo el código con el que es posible crearla.
-En primer lugar, el enlace de la hoja de estilos, en este caso CSS, que aplicamos:
-Seguidamente, el código Javascript, es decir las funciones que aplicamos para poder realizar todos los movimientos:
-Ahora se muestra el enlace al código html de la página web:
Y por último la animación en funcionamiento:
Creado por Rubén Prieto García