Медиа-запрос CSS «prefers-Reduced-Motion» прерывает анимацию при загрузке 4 в Firefox на Ubuntu - PullRequest
Новая
       29

Медиа-запрос CSS «prefers-Reduced-Motion» прерывает анимацию при загрузке 4 в Firefox на Ubuntu

2 голосов
/ 30 марта 2019

Я занимаюсь разработкой внешнего интерфейса на Ubuntu с Bootstrap 4 и Firefox 65. Некоторые анимации не работают из-за таких правил, как в bootstrap.css: 

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

Похоже, Ubuntu предпочитает уменьшать движение. Как я могу отключить это? Спасибо.

1 Ответ

0 голосов
/ 03 мая 2019

Это новая функция CSS, которую теперь будут уважать веб-браузеры. Подробнее об этом можете прочитать здесь: Разработчики Google

Однажды сталкивался с этой проблемой. Самое близкое решение, которое я смог найти, это переопределить загрузчик css 

`@media screen and (prefers-reduced-motion: reduce){
  .fade {
    transition: none;
  }
}`

с этим: 

`@media screen and (prefers-reduced-motion: reduce){
  .fade {
    transition: opacity .15s linear!important;
  }
}`

Возвращает эффект затухания. но не совсем гладко, как раньше.

...