Possible to change opacity on child elements based on parent sibling selector?
<header>
<div class="menu">
<div class="overlay"></div>
<div class="blur"></div>
</div>
<div class="mobile-menu"></div>
</header>
How would I go about changing the opacity of overlay and blur, only when <div class="mobile-menu"></div> becomes <div class="mobile-menu menu-open"></div>?
Or is it just better to use JavaScript for this?
<div class="menu">
<div class="overlay"></div>
<div class="blur"></div>
</div>
<div class="mobile-menu"></div>
</header>
How would I go about changing the opacity of overlay and blur, only when <div class="mobile-menu"></div> becomes <div class="mobile-menu menu-open"></div>?
Or is it just better to use JavaScript for this?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time ๐.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
