Fade Non-Active Items

Simple
Fade Non-Active Items

Paste this code in the <head> of your project settings:

<style>
.MENU-CLASS:hover .MENU-ITEM-CLASS {
opacity: 0.4;
}
.MENU-CLASS .MENU-ITEM-CLASS:hover {
opacity: 1;
}
</style>
Download Assets
See an Example Website

Other Code Snippets

Learn the Secrets to Supercharge Your Webflow Website

The newsletter with 0% spam, and 110% good tips and tricks.

Nice! You're in the loop. Talk soon.
Oops! Something went wrong while submitting the form.