質問: ### 前提・実現したいこと レスポンシブサイトで **ブレイクポイント切り替えの動作がゆっくりになってしまう** のを解決したいです。 ### 発生している問題 ``` 画面幅を変更して確認をしていた時に 「 ブレイクポイントでの切り替わりがゆっくり動作している 」 ことに気がつきました。 (具体的には画像幅が変わる動作がゆっくり 等) 要素をふわっと出すjQueryを用いているので sectionなどのほとんどの要素にCSSで 「 transition: all 1s; 」 を使っているのですが、これが原因のようです。 (transition:を消すと解決します。) ``` ``` profile ロゴ テキストテキストテキスト ``` ``` // 読み込み時のフェードイン $('head').append( '
回答: ``` transition: all 2s; ``` ↓ ``` transition: opacity 2s,transform 2s; ``` みたいな感じではどうでしょうか?