Кратко
СкопированоОдно из значений директивы @media для проверки пользовательских настроек. Отслеживает, отключена ли анимация в системе.
Пример
Скопировано@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; }}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
В примере добавляем плавную прокрутку только для пользователей, у которых не отключена анимация на уровне системы.
Как пишется
СкопированоУ prefers
есть два значения:
no
— настройки анимации по умолчанию.- preference reduce
— анимация отключена.
Как понять
СкопированоС помощью prefers
можно замедлить или полностью отключить анимацию для людей, которые не хотят её видеть.