A lo largo de la actividad el participante debe crear una animación utilizando los conocimientos obtenidos en el tema.

Crear una sección web utilizando animaciones.

Se te ha pedido que hagas que el sitio Web de Salas de Cine Acme, S.A. sea más atractivo agregando algo de animación.

Decides animar el enlace de registro, que se muestra mediante un “link” en la página de inicio (home). Cuando el usuario mueve el mouse sobre este enlace, lo hará rotar ligeramente para resaltarlo.

La página de comentarios contiene un formulario que permite a los asistentes proporcionar su evaluación de la película y hacer comentarios adicionales. Esta información se envía por la página de comentarios a un servicio de recopilación de datos. Has decidido que puedes hacer que esta página sea más interesante animando las estrellas (imágenes que aparecen al lado de cada campo) a medida que el usuario mueve el mouse sobre ellas y haciendo que el formulario de comentarios se vaya volando cuando el usuario envía sus comentarios.

Ejercicio 1: Primero, animarás los íconos de las estrellas en la página de comentarios para que reaccionen al mover el cursor sobre ellos. A continuación rotará el enlace “Registrar” en la página de inicio cuando el mouse lo cruce. Finalmente, ejecutarás la aplicación, verás las páginas de comentarios y de inicio y verificarás que los elementos estén animados correctamente.

Ejercicio 2: En este ejercicio crearás una animación de marcos clave para animar el formulario en la página Comentarios. El formulario saldrá volando de la página cuando el usuario envíe el formulario.

Archivos de HTML con los elementos requeridos.