Разработка и интерфейсы
Переход CSS
Плавное изменение CSS-свойства при переходе между двумя значениями. Автор задает длительность, функцию ускорения и при необходимости задержку. Переход подходит для короткой визуальной обратной связи при раскрытии панели, наведении или изменении состояния.
Пример на практике
Цвет кнопки постепенно темнеет после фокуса клавиатуры.
Когда пригодится
Анимируйте только свойства, изменение которых помогает понять действие. Проверьте макет на узком экране и при увеличении текста.
Что важно учитывать
Длительное движение замедляет интерфейс; учитывайте prefers-reduced-motion.
Словарь tarasovcode — проект Ильи Тарасова и TarasovWeb. Telegram-канал · #tarasovweb · #ИльяТарасов
Вернуться к 400 терминам