Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ユーザーがアニメーションをオフにできる機能を考える #3

Open
kagankan opened this issue Nov 2, 2022 · 0 comments
Assignees

Comments

@kagankan
Copy link
Owner

kagankan commented Nov 2, 2022

prefers-reduced-motionによってメディアクエリの切り替えは可能だが、必ずしもウェブサイトの表示を変えようと思っているわけではないことが多いと考えている。
サイト上で選択できるようにするのがいいのではないだろうか。

この発想はカラースキーム(ダークテーマ・ライトテーマ)からの類推である。
prefers-color-schemeでの判別も可能だが、最近のウェブサイトではサイト上でテーマ選択ができるものが増えている。(html属性にクラスをつけることで実装しているものが多い)
色はCSS変数の切り替えによって切り替えられる。

アニメーションについてもCSS変数の変更で切り替えることを考えるが、
アニメーションはJSで操作することも多いためJSでの分岐も必要になると思われる。
(効率的な管理も考えたい)

@kagankan kagankan self-assigned this Nov 2, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant