Могу ли я использовать SVG в документе для маскировки div? ⇐ CSS

[Anonymous]

В моем HTML-документе есть , которым мне нужно манипулировать для создания анимации. Кроме того, мне нужно использовать его как изображение-маску для другого . Я всегда мог использовать маску-изображение: url("path/to/file.svg");, но проблема в том, что мне нужно манипулировать SVG для анимации, поэтому я не могу просто ссылаться на статический файл SVG. Мне нужно создать ссылку на SVG, находящийся в том же DOM.
Я просмотрел документацию MDN и обнаружил, что могу передать элемент с помощью селектора идентификатора. Но я не могу понять синтаксис:

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

#outerBorder {
border: 1px dashed #f90;
}
#logoVisual {
width: 100px;
height: 100px;
mask-image: url(#logoSource);
background: linear-gradient(#ff9900, #0099ff);
}

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

Изображение-маска не применяется к внутреннему элементу . Возможно ли вообще то, что я здесь пытаюсь сделать? Или я неправильно читаю документацию MDN?

Подробнее здесь: https://stackoverflow.com/questions/683 ... mask-a-div