Как изменить цвет анимации Лотти с помощью CSS? ⇐ CSS

[Anonymous]

Я пытаюсь динамически изменить цвет анимации Лотти с помощью CSS, но вообще не могу установить цвет с помощью CSS. Вот CSS, который я использую:

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

#lottie-container svg path {
stroke: #ff0000 !important;
}

Это, к сожалению, не работает. Я читал о другом решении, в котором вы можете переименовать обводку, а затем ссылаться на нее с помощью класса, но мой путь находится внутри группы, а это означает, что обводку нельзя переименовать.

Скриншот слоя формы
Однако, если я вручную задаю цвет с помощью JavaScript, это работает.

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

const paths = container.querySelectorAll("#lottie-container svg path");
paths.forEach((path) => {
path.style.stroke = "red";
});

Мне просто интересно, что-то не так в After Effects, что-то, что я неправильно пишу в CSS, или что-то, что совершенно невозможно. Любая помощь по этому вопросу была бы замечательной.


Подробнее здесь: https://stackoverflow.com/questions/798 ... -using-css