Quiero que cuando se haga hover a .borrarTema
, el mismo div
cambie de opacidad a 1 (anteriormente 0.6) y que también haga modificar el box-shadow
del div
.comentario
a 0px 3px red
(anteriormente 0px 3px #4AA184
).
Mi php es el siguiente:
<div class='contComentarios'>
<div class='creadorFecha'>
<div> Creado por: <strong>". $registro2['Nombre'] ."</strong></div>
<div>". $registro['Fecha'] ."</div>
</div>
<div class='comentario'>". $registro['Comentario'] ."</div>
<div class='borrarTema'>
<div id=". $registro['IdComentario'] ." class='borraCmnt' value='Borrar comentario'>Borrar tema</div>
</div>
</div>
Los estilos son los siguientes:
.contComentarios .comentario{
padding: 10px;
background-color: #F9F9F9;
box-shadow: 0px 3px #4AA184;
margin-bottom: 0px;
height: 60px;
}
.borrarTema{
background-color: #4AA184;
width: 100px;
text-align: center;
margin: -17px auto;
cursor: pointer;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
opacity: 0.6;
transition: 0.2s all;
}