#полезное
😱 Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS

.pop {
view-timeline-name: --pop;
}
img {
animation: slide both;
animation-timeline: --pop;
animation-range: entry 100% cover 50%;
}
.skateboarder {
--x: 0;
--y: -45%;
}
@ keyframes slide {
to { translate: var(--x) var(--y); }
}

КодПен

👉Новости 👉База вопросов