Адаптивная анимация прокрутки CSS с повторно используемыми ключевыми кадрами 🔥
p { --from: 0 100%; --to: 0 -100%; }
.tile { --to: 0 -150%; }
@keyframes move {
0% { translate: var(--from); }
100% { translate: var(--to); }
}
p, .tile {
animation: move;
animation-timeline: --section;
animation-range: entry 20% 120%;
}
@htmlcssjavas
>>Click here to continue<<