Почему анимация-timeline: view() не работает в производстве? ⇐ CSS

[Anonymous]

Я рылся в Интернете, чтобы найти способы реализовать эту функцию анимации на своем веб-сайте-портфолио. Временная шкала анимации работает так, как я предполагал при разработке, но когда я запускаю развертывание (с помощью страниц Github), она не работает на моем рабочем сайте. Также хотелось бы отметить, что в инструментах разработчика Chrome атрибут анимации-временной шкалы отображается косой чертой.
Вот код, который я использую:
/* ------ SCROLL ANIMATIONS ------- */
.outer-shroud {
animation: autoShowAnimation both;
animation-timeline: view(100% 5%);
}

@keyframes autoShowAnimation {
from {
opacity: 0;
transform: translateY(100px) scale(0.3);
box-shadow: 0 0 1000px rgba(160, 158, 255, 0.944);
} to {
opacity: 1;
transform: translateY(0) scale(1);
}
}





Riddym
July '24 — A familiar rhythm game, reimagined.


















Подробнее здесь: https://stackoverflow.com/questions/790 ... production