Как сделать затемнение всех пунктов меню, кроме активного при наведении?

Question

[TitNIk]

Доброго вечера. Видел где-то подобную вещь, при наведении на пункт меню, все остальные пункты меню затемняются. Как подобное можно реализовать? Есть пару идей на js, но все же, может подскажете что-то дельное? ) Заранее спасибо!

Answer 1

[Froggyweb]

так? без js
https://codepen.io/anon/pen/dWWaLq

Comments

[TitNIk]

Да, так, но у меня обычный CSS ))

[TitNIk]

Хотя, сейчас попробую

[Froggyweb]

Answer 2

[Артур Карапетян]

Ну может просто всем пунктам меню сделать opacity .7 , а при hover сделать opacity 1 ?

Comments

[TitNIk]

Не, они изначально должны быть без прозрачности ) А при наведении на один пункт меню, все остальные должны становиться полупрозрачными.

[TitNIk]

При наведении на пункт меню, всем остальным нужно присвоить определенный класс (с прозрачностью).