Я попытался воссоздать 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
