this effect can be achieved using only css by combining the :has() and :not() pseudo-classes: `.menu:has(.item:hover) .item:not(:hover) { filter: blur(8px); }` which simply means: when a menu has a hovered item, blur every item inside it that isn't being hovered

@nonzeroexitcode the css trick is cool,but i dont think i this design has a good user experence

@dustbin768384 fair! was just fun experiment to demonstrate the trick:)