2022年11月24日(木)

prefers-reduced-motionでアニメーション（視差効果）を減らす設定をしたデバイスに対応させる

• 0
• 26
• 19
• 22

author:

Webクリエイターボックス

http://www.webcreatorbox.com

Webデザイナー+WebデベロッパーのManaさんが、Web関連の情報やデザイン、サイト制作の情報を発信しているブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

SNSの社員の「顔」の総和が企業の「顔つき」を生む。個の時代における新しい企業ブランディングの形

         

NEXT ›

               

CSSで実装する時、フロントエンドのデベロッパーは何を考え、どういうことに配慮して実装するのか

関連記事

• シナジーマーケティング、世界有数のエンタープライズクラウドマーケットプレイスであるSalesforce AppExchange上で「Synergy!LEAD」の更新を発表
• Webページで使用するさまざまな動きのアイデアをまとめた「Web Motion Catalog」
• カルーセルはもうCSSだけで実装できる！ 疑似要素::scroll-button()と::scroll-marker()の使い方を解説
• ブックマークしておくと便利！ よく見かけるUIコンポーネントやUI要素を実装するCSSのまとめ -CSSnippets
• イベント管理や日/週/月/年でビューを切り替えたりできるオープンソースの高性能Reactカレンダーライブラリ・「Eventar」

Ads

Webデザイナー+WebデベロッパーのManaさんが、Web関連の情報やデザイン、サイト制作の情報を発信しているブログWebクリエイターボックスの記事『prefers-reduced-motionでアニメーション（視差効果）を減らす設定をしたデバイスに対応させる』についてまとめています。

この記事は特にアニメーションについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のWebクリエイターボックスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとWebクリエイターボックスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。