Реализация объектра затемнения?

Question

[Владислав Воробьёв]

Ребята, как реализован данный эффект при наведении на дома 3 и 4 корпуса?

https://konfetti-home.ru/visual/

Answer 1

[RAX7]

Answer 2

[black1277]

Сделано с использованием SVG. В нём есть прямоугольник растянутый на всю ширину и высоту страницы и с прозрачностью 0.4 Когда происходит наведение на дом - прозрачность меняется на 0.6 - происходит затенение. Также внутри SVG есть маска по контуру домов, поэтому они остаются светлыми.