JS получает начальное значение для анимирующего свойства вместо текущего ⇐ Javascript

[Anonymous]

Это мой html < /p>


function getAnimState() {
document.getElementById("count").innerHTML = getComputedStyle(document.documentElement).getPropertyValue("--opacity")
}< /code>
@property --opacity {
syntax: "";
initial-value: 9;
inherits: false;
}

@keyframes breatheFade {
0%,
100% {
--opacity: 25;
}

50% {
--opacity: 100;
}
}

.count {
animation-name: breatheFade;
animation-iteration-count: infinite;
animation-duration: 1.5s;
font-size: 20vh;
opacity: calc(var(--opacity)*1%);
}< /code>
Click to see opacity< /code>
< /div>
< /div>
< /p>
Но когда я пытаюсь нажать кнопку в любом кадре, я просто получаю значение по умолчанию независимо от того, что это такое и каково отображается анимация. Есть ли еще одно решение, чтобы получить значение во время вызова функции? Google также не помог.>

Подробнее здесь: https://stackoverflow.com/questions/794 ... urrent-one