Crea una Animación para Galería Imágenes en menos de 1 minuto

Con el siguiente código podras crear una animación para galería de imágenes llamativa para mostrar tus productos en la web.

El código:

<section><img src=»https://ayudaapasos.com/wp-content/uploads/2024/08/robot-handshake-human-background-futuristic-digital-age-300×200.jpg» />
<img src=»https://ayudaapasos.com/wp-content/uploads/2024/08/robot-handshake-human-background-futuristic-digital-age-300×200.jpg» />
<img src=»https://ayudaapasos.com/wp-content/uploads/2024/08/robot-handshake-human-background-futuristic-digital-age-300×200.jpg» />
<img src=»https://ayudaapasos.com/wp-content/uploads/2024/08/robot-handshake-human-background-futuristic-digital-age-300×200.jpg» /></section>
<style>
section {display: flex;width: 600px;height: 430px;}
section img {width: 0px;flex-grow: 1;object-fit: cover;opacity: .8;transition: .5s ease;}
section img:hover {cursor: crosshair;width: 300px;opacity: 1;filter: contrast(120%);}
</style>

Asi se vería

Considera tener unas buenas imágenes con buena resolución, las puedes comprimir aquí para que no afecte la carga de tu web.