Páginas

jueves, 13 de noviembre de 2025

FOTO DELIZANTE AL PASAR EL RATON

Este efecto se logra mejor utilizando HTML y CSS (con la propiedad transition para el deslizamiento). Aquí tienes un código general para una imagen que se desliza verticalmente cuando pasas el ratón por encima (efecto hover).Código HTML y CSS para una Imagen Deslizante al Pasar el Ratón Este ejemplo muestra un contenedor con una imagen de retrato que es más alta que el contenedor. Al pasar el ratón, la imagen se desliza hacia arriba para mostrar el resto.1. Código HTML (index.html)
Descripción
Nota: Reemplaza URL_DE_TU_IMAGEN.jpg con la ruta de tu propia imagen. Para que el efecto sea visible, la imagen debe ser más alta que el contenedor (.contenedor-imagen).2. Código CSS (style.css)
/* Contenedor: Define el área visible y recorta la imagen */
.contenedor-imagen {
Explicación del Funcionamiento
.contenedor-imagen (Contenedor):
Le da un tamaño fijo (width: 300px; height: 400px;) a la zona donde quieres que se vea la imagen.
overflow: hidden; es clave: se asegura de que cualquier parte de la imagen que exceda esa altura (400px) se oculte, creando el efecto de

No hay comentarios.:

Publicar un comentario