CSS3

特能

prefers-reduced-motion

  編集:2022.07.10 by T.A.

[Edge]○。→mdn

ページ上の動きを抑えるよう欲されていることの検出。

名前 prefers-reduced-motion
用途 @media
no-preference | reduce
離散

次を検出するために利用される:

利用者は、本質的でない動きの量を最小限にするようシステムに要請しているかどうか
no-preference
次を指示する:
システムは、利用者の選好を知らない。

このキーワードは、この媒体特能におけるゼロ値である。

reduce
次を指示する:
利用者は、次のようにされたユーザーインタフェースを選好することをシステムに通知した:
動きに基づくアニメーションのうち、次に該当するものは、除去するか置換する:
前庭動き過敏性(vestibular motion sensitivity)を抱える者に不快感を誘発する/
注意欠陥(attention deficit)を抱える者にとって気が散る

以下のCSSが組み込んであります:

<SPAN class=Test>テスト</SPAN><BR>
<SPAN class=Test2>テスト</SPAN><BR>

関連

テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: