tgoop.com/htmlacademy/8155
Last Update:
Мастер анимаций: CSS и JavaScript-анимации
Анимация в интерфейсе — инструмент управления вниманием и смыслом. На курсе вы научитесь настраивать CSS-переходы (transition
, transition-timing-function
), писать @keyframes
и использовать группу свойств animation
, связывать эффекты с взаимодействием (клик, скролл), собирать типовые сценарии — открытие и закрытие меню, бесконечный слайдер, табы и аккордеон — а также применять 2D/3D-трансформации и параллакс.
Практика — через задания и пошаговые демонстрации. Отдельный блок — производительность и отладка: линейные и покадровые анимации, инструменты DevTools, оптимизация и учёт пользовательских настроек через медиазапросы prefers-reduced-motion
и update
. На выходе — умение делать анимации, которые помогают интерфейсу и стабильно работают на разных устройствах. #css #js