CSS-свойство transition
Описание: Позволяет плавно изменять значения CSS-свойств за указанный период времени.
Значения:
- <property> <duration> <timing-function> <delay>
- all
- none
- initial
- inherit
- unset
Начальное значение: all 0s ease 0s
Применяется к: Все элементы для анимируемых свойств
Наследуется: Нет
Медиа-тип: visual
Пример использования
.button {
transition: background-color 0.3s ease;
}Доступность (a11y)
- Плавные переходы могут сделать интерфейс более комфортным для глаз.
- Избегайте слишком долгих анимаций, чтобы не затруднять восприятие для людей с вестибулярными или когнитивными нарушениями.