Estoy tratando de mostrar child div con la transición desde la parte inferior de parent div al pasar el mouse sobre parent div.
Esto es lo que probé:
.parent { min-height: 370px; } .child { position: absolute; bottom: 0; width: 100%; height: 0; transition: height 2s; } .parent:hover child { height: 30px; } <div className="parent"> <div className="child">View More</div> </div>Pero no funciona, ya que incluso con la altura 0, "Ver más" todavía está visible y la transición tampoco funciona.
Intente agregar un selector de clase para child después de pasar el mouse .
Y puede agregar transición para opacidad para un mejor efecto)
.parent:hover .child { height:30px; }