✏️ Изучаем 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 | Заключение 📚 Ссылки: ➖ Scroll-driven Animations примеры: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 🟠 HTML: 🔵 CSS: 🟡 JS: 🟢 A11y: ⚪️ Мастер-класс по верстке для новичков: 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): 🗺 Frontend Roadmap 2024 📌 Автор: ➖ Личный сайт: ➖ Telegram: ➖ Boosty: ➖ GetMentor: ➖ Solvery: #frontend #фронтенд #css
Hide player controls
Hide resume playing