Линейный градиент от SVG не может быть применен в качестве заполнения для одного и того же SVG ⇐ CSS

[Anonymous]

Я попытался воссоздать https://stackoverflow.com/a/55269126/27557927, но это не сработало. Здесь. < /p>
На случай, если ошибка вернулась, я также сохранил анимацию и JS, который, по -видимому, вызывает ее. < /p>
Я вообще не смог ее воспроизвести, даже если я скопировал свой код, даже не относится к этой переменной.











k

< /code>
css < /p>
:root {
--percentA: 0%;
--percentC: 100%;
--colorA: red;
--colorB: pink;
--colorC: orange;
}
.bannerPath{
fill: url(#anim) #f00;
}
/* Only needed if the error above is also the case here */
@property --percentB {
syntax: "";
initial-value: 50;
inherits: false;
}
.anim {
animation-name: fade;
animation-iteration-count: infinite;
animation-duration: 4s;
animation-timing-function: linear;
}
@keyframes fade {
0% {--percentB: 0.01;}
99.99% {--percentB: 99.99;}
100% {--percentB: 0.01;}
}
< /code>
js (как я уже говорил ранее, только если эта проблема возникает) < /p>
function reverse(){
document.getElementById('#anim').innerHTML=`

`/*bannerZmiana.background="blue"*/
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... e-same-svg