Hola, descubrimos la respuesta a tu búsqueda, has scroll y la hallarás más abajo.
Ejemplo 1: al pasar el mouse, cambiar img
#Library
background-image: url('LibraryTransparent.png');
height: 70px;
width: 120px;
#Library:hover
background-image: url('LibraryHoverTrans.png');
Ejemplo 2: html al pasar el mouse sobre la imagen
<style>.containerposition: relative;width:50%;.imagedisplay: block;width:100%;height: auto;.overlayposition: absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#008CBA;.container:hover.overlayopacity:1;.textcolor:white;font-size:20px;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align: center;style>head><body><h2>Fade in Overlayh2><p>Hover over the image to see the effect.p><divclass="container"><imgsrc="Example.png"alt="Example"class="image"><divclass="overlay"><divclass="text">Hello Worlddiv>div>div>body>valoraciones y reseñas
Si estás contento con lo expuesto, tienes la habilidad dejar un post acerca de qué le añadirías a esta reseña.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)