Saltar al contenido

cómo hacer que una imagen se vuelva más grande cuando se desplaza en el ejemplo de código html

Ejemplo 1: cómo agrandar la imagen al pasar el cursor

Enter the following block of code into the Custom CSS field in your job
 
.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}
 
in the HTML Add the attribute, class="thumbnail" to each image element 
that you would like to enlarge on hover so that the element looks something like this
 
<img src="[your hosted image URL]" class="thumbnail" height="100" width="100" />

Ejemplo 2: como agrandar la imagen cuando pasa el mouse en css

img:hover {
transform: scale(1.3);
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *