Будущее CSS-анимаций — scroll-timeline, animation-timeline и animation-range, JS больше не нужен!

✏️ Изучаем Scroll-driven Animations API — применяем новые CSS-свойства scroll-timeline, view-timeline, animation-timeline и animation-range на практических примерах. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:30​ | Стандартное поведение анимации ▶ 01:30​ | Отслеживание скролла — свойство scroll-timeline (scroll-timeline-name, scroll-timeline-axis) ▶ 02:51​ | Свойство animation-timeline ▶ 04:19​ | Прогресс скролла страницы ▶ 05:19​ | Фиксированная (”липкая”) шапка с анимацией при скролле вниз ▶ 06:08​ | Свойство animation-range ▶ 07:10​ | Плавное появление элементов при скролле ▶ 08:00​ | Свойств view-timeline-name ▶ 09:00​ | Другие возможности Scroll-driven Animations API ▶ 09:13​ | Заключение 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #css