Skip to content
Snippets Groups Projects
Commit d5017f6a authored by arezou's avatar arezou
Browse files
parents fe7ac9d2 491f8285
No related branches found
No related tags found
No related merge requests found
main.css 0 → 100644
.parent{
width: 250px;
height: 300px;
background-color: aqua;
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: whitesmoke;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment