F

FRONT | Фронтенд | JavaScript | CSS | HTML-in-Canvas | TypeScript 7.1 | Chrome 157 | Safari 27.3 | React Native 0.89 | Node.js 27 | Vitest 5.1 | Parcel 3 | Rspack 2.3 | Rolldown | jsdom 31 | Structs

IT и технологии · 1 августа 2026 г.

Открыть канал в MAX

В CSS появились scroll-triggered animations. В отличие от scroll-driven, они не привяза...

В CSS появились scroll-triggered animations. В отличие от scroll-driven, они не привязаны к прогрессу скролла — анимация срабатывает по событию и крутит свою фиксированную длительность. Раньше для такого городили IntersectionObserver и таймеры. Теперь хватает двух строк: .element { timeline-trigger: view(); animation-trigger: play-forwards; animation: fade-in 0.5s ease; } Вариантов много: play, pause, reset, replay, play-once, play-backwards. Пока только Chrome 145+, Firefox и Safari пас. https://developer.chrome.com/blog/scroll-triggered-animations #CSS #Chrome #анимации