Tengo el siguiente html
y css
, quisiera que el efecto hover
que tengo dentro del div
hijo se pueda aplicar desde cualquier lugar del div
padre y se propage desde allí mismo, esto es lo que tengo:
.f {
width: 200px;
height: 200px;
background-color: grey;
position: fixed;
border-radius: 100px;
}
.s {
width: 50px;
height: 50px;
background-color: black;
border-radius: 100px;
margin: 75px 0px 0px 75px;
transition: width 1s, height 1s, margin 1s;
}
.s:hover {
width: 100px;
height: 100px;
background-color: black;
margin: 50px 0px 0px 50px;
}
<div class="f">
<div class="s"></div>
</div>
Y más o menos esto es lo que quiero:
PD: Ya sé que no soy Picasso ni un maestro en photoshop XD