Myvideo

Guest

Login

Александр Ламков Friendly Frontend Будущее CSS-анимаций scroll-timeline, animation-timeline и animation-range, JS больше н

Uploaded By: Myvideo
7 views
0
0 votes
0

🎯 Загружено автоматически через бота: 🚫 Оригинал видео: 📺 Данное видео принадлежит каналу «Александр Ламков — 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

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later