Выбор ответа Junior Анимации обновлено
Как учесть настройку «уменьшить движение»
Вопрос
Как в CSS узнать, что пользователь включил в системе уменьшение анимаций?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: @media (prefers-reduced-motion: reduce). Медиафункция prefers-reduced-motion со значением reduce отражает системную настройку. @supports проверяет поддержку CSS-свойства, а не настройки пользователя. prefers-color-scheme про светлую и тёмную тему.
Варианты ответа
@supports (reduced-motion)@media (prefers-color-scheme: reduce)- Только через
navigator.reducedMotionв JavaScript @media (prefers-reduced-motion: reduce)правильный ответ
Разбор
Медиафункция prefers-reduced-motion со значением reduce отражает системную настройку. @supports проверяет поддержку CSS-свойства, а не настройки пользователя. prefers-color-scheme про светлую и тёмную тему. Свойства navigator.reducedMotion нет, из JS настройку читают через matchMedia('(prefers-reduced-motion: reduce)').
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Предыдущий вопрос
requestAnimationFrame против setInterval
Следующий вопрос
Два времени в шортхенде transition