Фотогалерея на CSS, где колонки скроллятся с разной скоростью — и без единой строки JavaScript
Multi-Column Different-Speed Scrolling
Автор блога master.dev придумал, как заставить две колонки фотогалереи двигаться с разной скоростью при обычном вертикальном скролле. Всё строится на CSS-гриде и Scroll-Driven Animations: правая колонка получает дополнительный сдвиг через transform, а каждая фотография ещё и слегка приближается с помощью view()-анимации. Никакого JavaScript — только прогрессивное улучшение. Также показан вариант с обратным скроллом, где правая колонка движется вверх, и упомянуто, что похожее решение на JavaScript было у Codrops пять лет назад.
Приятно, когда удаётся сделать ровно то, что задумал. И вдобавок ни строчки JavaScript.