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

Аватар автора
Александр Ламков — Friendly Frontend
✏️ Изучаем 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

0/0


0/0

0/0

0/0