“prefers-reduced-motion”メディア・フィーチャー｜メディア・フィーチャー｜メディア・クエリ｜CSS－havin' a coffee break

＃

“prefers-reduced-motion”メディア・フィーチャーについて

“prefers-reduced-motion”メディア・フィーチャーはユーザーが最小限のアニメーションを望むかどうかを条件とするためのメディア・フィーチャーです。ユーザーがアニメーションなどの動きの効果を抑制する設定を行っているかどうかを指します。

アニメーションなどの動きの効果をユーザーが望まない場合にCSSアニメーションなどがないスタイルに切り替えるのに使用することができます。

＃

値	説明
no-preference	ユーザーは設定を行っていない
reduce	ユーザーは最小限のアニメーションを望む

＃



@media (prefers-reduced-motion: reduce) {


.sample {



/* 最小限のアニメーションを望む場合に適用されるスタイル。 */



}


}