Как в CSS применит ьэффект ко всем элементам кромме того который получил hover?

Question

[Капитан Какао]

Всем привет.
Есть такая структура, при наведении на любой квадратик, он становится немного прозрачным.
Мне интересно, можно ли без JS, сделать всё ровно наоборот.
То есть, при наведении на любой квадратик, все остальных будут становится немного прозрачными, а тот который получил hover будет оставаться неизменным.

Answer 1

[Капитан Какао]

Покопался в нете, вот тут нашёл пример как это можно реализовать.

В целом вот результат.

Comments

[Aleksandr]

Интересно, спасибо)

[Михаил Чирский]

Наблюдается небольшой баг с морганием.
Можно вот так исправить, ну все равно не идеальный пример)
jsfiddle.net/cdjdvfjh/4

[Капитан Какао]

Михаил Чирский: ну моргание из за отступов, так как когда курсор между блоками то они теряют hover.
Багом я бы это не назвал, но за ваш вариант спасибо)

[Михаил Чирский]

Rad Cor: ну не так выразился) скажем так, небольшой дефект, который если можно, лучше исправлять), чтобы уберечь любимых пользователей, от шанса сойти с ума, после первых минут просмотров)