Hover en div semi transparante solo con CSS
Iniciado por
Cristian Moreno
, mar 13 2014 22:30
Pulsa corazón para recibir avisos de nuevas Respuestas
Cristian Moreno
AUTOR PREGUNTA
#1
Publicado 13 marzo 2014 - 22:30
Necesito un hover en un div semi transparente el cuál causa que algún texto aparezca sobre la parte superior de un thumbnail de una imagen y quisiera saber si es posible realizar esto sin usar Javascript y solo usando css. Gracias.
Esto también te interesa!
Nieves Nieto
#2
Publicado
14 marzo 2014 - 03:51
Puedes probar con algo como esto:
<style type="text/css">
.thumb {position:relative;width:200px;height:20px;}
.thumb:hover .overlay {opacity:0.5;}
.overlay{position:absolute;top:0;left:0;width:200px;height:20px;background:#fff;opacity:0;}
</style>
<div class="thumb">
<div class="overlay"></div>
<img src="image.gif" />
</div>
Cristian Moreno
AUTOR PREGUNTA
#3
Publicado 14 marzo 2014 - 15:13
Excelente, gracias Nieves le quedó como anillo al dedo a mi aplicación.