Select Git revision
main.css 953 B
.parent{
width: 250px;
height: 300px;
background-color: rgb(55, 0, 255);
margin: 50px auto;
transition: 300ms;
.child{
width: 150px;
height: 150px;
background-color: #2b2b2b;
margin: 0 auto;
transition: 300ms;
.subchild {
width: 70px;
height: 70px;
background-color: blue;
margin: 0px auto;
transition: 300ms;
}
}
}
.parent:hover {
background-color: greenyellow;
border-radius: 50px 0 50px 0;
}
.parent:hover .child{
background-color: purple;
border-radius: 0 50px 0 50px;
}
.parent:hover .child.subchild {
background-color: lime;
border-radius: 50px;
}
.parent .child:hover{
background-color: black;
border-radius: 50px 0 50px 0;
}
.parent .child:hover .subchild{
border-radius: 0;
background-color: darkcyan;
}
.parent .child .child.subchild:hover{
border-radius: 50px;
background-color: green;
}