SVG CSS отбрасывает тень при наведении курсора мыши ⇐ CSS

[Anonymous]

Мне нужно, чтобы SVG исчез, но тень оставалась при наведении. Я вижу, что SVG и тень исчезают.

Код: Выделить всё

div > svg {
color: black;
filter: drop-shadow(0px 0px 6px red);
}

div:hover > svg {
color: transparent;
}

Код: Выделить всё

A title here

Как мне изменить CSS, чтобы получить то, что мне нужно?

Подробнее здесь: https://stackoverflow.com/questions/784 ... ver-hiding