prefers-reduced-motion: reduce

Как отключить на сайте prefers-reduced-motion: reduce

Визуальные редакторы для сайта это модно, практично, удобно и любой пользователь с визуальным редактор сразу себя ощущает вебмастером способным создавать крутые сайты. То что визуальные редакторы добавляют на сайт очень много дополнительной информации в виде стилей и скриптов — это не столь важно, как оказывается для владельцев сайта. Поэтому даже если изначально сделать сайт без визуального редактора то потом во время эксплуатации сайта всегда найдётся юное или не очень дарование которое скачает и поставит для своего удобства, чтобы красивые страницы создавать и записи на сайте под управлением WordPress — плагин Elementor как вариант, как самый популярный для WordPress визуальный редактор.

И как бы красиво данный визуальный редактор не позиционировался — это всё равно огромная куча, а по другому и не скажешь, файлов, а в фалах кода: стилей, html и скриптов. А не давно я совершенно случайно узнал что в Elementor появилась вот такая штука:
prefers-reduced-motion: reduce
В Elementor есть логика, которая отключает анимации, если в браузере / операционной системе пользователя включена настройка уменьшения движения. Вот такой медиа запрос CSS:

@media (prefers-reduced-motion: reduce) {
  /* отключение или упрощение анимации */
}

Даже не пытайтесь отключить. Это прошито в ядре Elementor и можно только перебить своими стиля. Но, есть и более простой способ. Если у Вас операционная система Windows то делаете так. Идёте в параметры вот сюда:

можно на клавиатуре нажать сразу Win I и в окажетесь в параметрах.
Далее, Специальные возможности

и включаете «Визуальные эффекты»

После этого анимация на сайте станет работать для Вашего компьютера, ноутбука. На сайте на котором установлен Elementor