Как залить фоном все кроме самого SVG &?

Question

[Александр]

Суть такая, есть блок joxi.ru/zANeGRMtg4Qw29 на фоне котором внизу лежит картинка, сверху лежит SVG в виде молнии, все вокруг залито цветом, сам же SVG прозрачен - весь этот блок активное соостояние элемента. Так же нужно учесть что есть дефолтное состояние блока joxi.ru/EA4Kj8dh9gLl2b когда просто поверх лежит SVG без нужной заливки. Как вот реализовать такое активное состояние, не пойму как залить его. В голову лезет только создание 2х SVG для дефолтного состояния и для активного с заливкой уже

Comments

[Mr_Edward]

можно где-то живой пример пощупать?

[Александр]

Mr_Edward: пока в разработке, тут бы хот понять логику как правильно сделать

[Денис Т]

свг просто поверх элемента лежит?

Answer 1

[#rybak]

По идее достаточно одного SVG элемента
Вот посмотри тут