Sin Animación

En esta sección, las imágenes son simples. Añadir una animación puede hacer la interacción más amigable y atractiva para el usuario al interactuar con ellas.

Producto 1

Producto 1

Descripción del Producto 1.

Producto 2

Producto 2

Descripción del Producto 2.

Con Animación

Se añade una animación de transición a las imágenes en ambas secciones. Cuando el usuario pasa el cursor sobre una imagen, esta se agranda un poco al 110% de su tamaño original. Al retirar el cursor de la imagen, vuelve a su tamaño original.Ademas Cuando el usuario coloca el cursor sobre un contenedor, el color de fondo se cambia a un tono ligeramente diferente (#f0f0f0), y cuando el usuario retira el cursor, el color de fondo vuelve a su valor original (#fff)

Producto 3

Producto 3

Descripción del Producto 3.

Producto 4

Producto 4

Descripción del Producto 4.