noqua
10/5/2019 - 10:36 AM

「視差効果を減らす」設定しているユーザー向け

▼参考 https://developer.mozilla.org/ja/docs/Web/CSS/@media/prefers-reduced-motion

CSS の prefers-reduced-motion メディア特性は、ユーザーがアニメーションや動作を最少化するよう要求したことを検出するために使用します。

https://hankchizljaw.com/wrote/a-modern-css-reset/

resets-animations-transitions-and-scroll-behaviour.css
content_copyfile_download
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}