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

Разбираемся в CSS
Anonymous
Почему моя CSS-анимация-временная шкала: view() не работает?

Сообщение Anonymous »

Я пытаюсь анимировать свой элемент с помощью анимации-временной шкалы: view();, но, похоже, это не работает. Вообще...
Я заставил его работать раньше на моем сайте из-за эффекта параллакса здесь, а теперь он больше не работает, что бы я ни делал!
Вот код:

Изображение


.parallax {
overflow: clip;
height: 20vh;

position: relative;
z-index: 1;
}

.parallax > img {
height: 100%;
width: 100%;
object-fit: cover;
animation: parallaxY linear;
animation-timeline: view();
animation-range: entry cover;
}

@keyframes parallaxY {
from {
translate: 0 -100px;
}
to {
translate: 0 100px;
}
}


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

Вернуться в «CSS»