Маскировка SVG не работает с примененным преобразованием ⇐ CSS

[Anonymous]

Я пытаюсь применить маску к преобразованному элементу svg (это упрощено, я пытаюсь сделать это с помощью пути, но структура та же). Если маска применяется к элементу за пределами преобразованной группы, она работает должным образом. Если я попытаюсь сделать то же самое внутри, элемент просто исчезнет.
HTML:

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

CSS:

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

.holder {
fill: darkgray;
stroke: black;
stroke-width: 2px;
}

.o{ fill: red; }
.t{ fill: purple; }
.masked{ mask: url(#circleMask); }

Если я добавлю «замаскированный» класс во второй прямоугольник (с классами «main t»), он просто исчезнет.
Следующая структура работает:

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

Я не могу его использовать, поскольку у меня более 50 элементов изображения, которые должны иметь одно и то же преобразование, и только некоторые из них должны быть замаскированы (а существует 5 разных масок).< /p>
Вот скрипка: Скрипка
Что я делаю не так? Можно ли замаскировать элемент внутри преобразованной группы?

Подробнее здесь: https://stackoverflow.com/questions/687 ... rm-applied