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

Want more? Start WIth These

Most Popular in Web Design Posts

Website Migration to Webflow: Ultimate Guide

Adding CTAs into Your Blog Post in Webflow

5 Code Snippets to Add to Your Webflow Website

Webflow Templates

Other Code Snippets

Limit Text Lines Preview Length

Limit Text Lines Preview Length

Count Up Number Animation

Count Up Number Animation

Custom Arrows to a Webflow Tabs Component

Custom Arrows to a Webflow Tabs Component

Custom Highlight Colour on Select

Custom Highlight Colour on Select

Copy to Clipboard Button

Copy to Clipboard Button

Custom Slider Navigation Color

Custom Slider Navigation Color

Ready to learn more?

I've worked with countless businesses around the world. Maybe you'll be next.