質問: あるECサイトをテンプレートベースに制作中なのですが、 ページアクセスすると、いったんデフォルトのCSS(小さめのフォント、黒)が読み込まれ表示。それからすぐに大き目のフォント+白へ切り替わるようにアニメーションされてしまいます。 毎回アクセス時にこのような無意味なアニメーションを表示したくないので、原因となるtransition設定を無効にしたいのですが、cssが膨大でどのスタイルを設定すればよいか分かりません。 Google DeveloperツールでTransitionを無効にはできますが、ブラウザをリフレッシュすると、その無効化されたcssが再有効となるので、確認できずにいます。 参考となるウェブページなどあれば分かりやすいです。 何卒ご教示の程よろしくお願いいたします。
回答: CSSを表示するペイン上部のフィルタで,`transition`や`animation`などを検索すれば,任意のプロパティについて,その有無を確認できます また,擬似クラスが掛かっている場合は,フィルタ右側の「:hov」から状態を選択することで検索可能になります !demo もしこれで見つからないなら, 1. jsでアニメーションが入っている 2. 単にロードが遅く,ブラウザのデフォルトCSSが一時的に効いている といったことが考えられます