Hi every one!
I have a question, maybe is very easy but I don’t see the answer.
I created a simple hamburger menu using one div as container and three as the inner lines.
Something like that:
HTML:
<!--menu-->
<body>
<div class="menu">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</body>
CSS:
body{
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
}
.menu{
display: flex;
flex-direction: column;
width: 50px;
height: 50px;
border: 2px solid black;
border-radius: 5px;
justify-content: space-between;
align-items: center;
padding: 5px;
}
.line{
width: 40px;
height: 4px;
background: black;
}
The question is: How can I add in CSS a hover selector that affect the three .line divs (chaging color) at same time when I pass over the div .menu.
It’s posible?
Thanks a lot!