Александр Ламков Friendly Frontend Будущее CSS-анимаций scroll-timeline, animation-timeline и animation-range, JS больше н
🎯 Загружено автоматически через бота:
🚫 Оригинал видео:
📺 Данное видео принадлежит каналу «Александр Ламков — Friendly Frontend» (@AleksanderLamkov). Оно представлено в нашем сообществе исключительно в информационных, научных, образовательных или культурных целях. Наше сообщество не утверждает никаких прав на данное видео. Пожалуйста, поддержите автора, посетив его оригинальный канал.
✉️ Если у вас есть претензии к авторским правам на данное видео, пожалуйста, свяжитесь с нами по почте support@, и мы немедленно удалим его.
📃 Оригинальное описание:
✏️ Изучаем Scroll-driven Animations API — применяем новые CSS-свойства scroll-timeline, view-timeline, animation-timeline и animation-range на практических примерах.
🔴 Timeline:
▶ | Введение
▶ | Стандартное поведение анимации
▶ | Отслеживание скролла — свойство scroll-timeline (scroll-timeline-name, scroll-timeline-axis)
▶ | Свойство animation-timeline
▶ | Прогресс скролла страницы
▶ | Фиксированная (”липкая”) шапка с анимацией при скролле вниз
▶ | Свойство animation-range
▶ | Плавное появление элементов при скролле
▶ | Свойств view-timeline-name
▶ | Другие возможности Scroll-driven Animations API
▶ | Заключение
📚 Ссылки:
➖ Scroll-driven Animations примеры:
💬 Чат в телеграмме (помощь новичкам):
🔸 Boosty (поддержать канал):
🗂️ Бесплатные курсы на канале:
🟠 HTML:
🔵 CSS:
🟡 JS:
🟢 A11y:
⚪️ Мастер-класс по верстке для новичков:
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):
🗺 Frontend Roadmap 2024
📌 Автор:
➖ Личный сайт:
➖ Telegram:
➖ Boosty:
➖ GetMentor:
➖ Solvery:
#frontend #фронтенд #css