CSS-анимация-временная шкала: view() / прокрутка не работает ⇐ CSS

[Anonymous]

У меня есть страница (созданная с помощью студии начальной загрузки) с несколькими разделами. Если я тестирую ее на самом разделе, она работает, когда дело доходит до просмотра, но когда я пробую, у меня есть строка с двумя столбцами в этом разделе. с моей колонкой это не работает. Может быть, я делаю что-то не так? .... раздел находится в моем теге body.
Когда это так, фон столбца с самого начала зеленый и не меняет цвет, однако я прокручиваю и где находится вид .
Это HTML:

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

    



auf spur
This is my TEXT 1

TEXT 2

TEXT 3

Это мой CSS:

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

.test {
animation: fadeInTest linear forwards;
animation-timeline: view(250px);
}

@keyframes fadeInTest {
from {
background-color: yellow;
}
to {
background-color: green;
}
}

РЕДАКТИРОВАТЬ:
Хорошо, я обнаружил, что в моем разделе уже есть «анимация», это parallax-bg. Когда я его выключаю, все работает.
Возможно ли, что мое фоновое изображение оказывает эффект, и я могу делать другие вещи в разделе?

Подробнее здесь: https://stackoverflow.com/questions/786 ... ot-working