Chromeでサイトの動作をチェックしていると、CSS3のtransitionプロパティで設定されたアニメーションがページロードの際に発生してしまう問題に直面しました。transition-property:allを至る所に使用しているため、ロードした瞬間にグニャッと。解決策をググってみてもなかなか日本語の情報に辿りつけなかったのですが、こちらのサイトに有効な方法が紹介されていましたので共有したいと思います。JavaScriptに以下の3つの記述を加えます。!important;}元記事の記述にはプレフィックスの付いていないtransitionプロパティがなかったので付加しました。*というセレクタでbodyタグ内の全ての要素にtransition:none;を!importantで強制的に指定し、ページの読み込みが終わるとjQueryがbodyタグのpreloadクラスを除去しています。ページを読み込んでいる最中だけ、body内全てのtransitionプロパティが無効になるという仕組みです。スマートな解決方法ではないかもしれませんが、無事ロード時のアニメーションを止めることができましたのでご参考までに。Retrying...が繰り返される場合transitionによるCSSアニメーションがChromeでページ読み込み時に動作してしまう問題サーボで自動スイッチAuthors3make@ささきち多摩川沿いに住むフリーのWebデザイナーです。近所のイオンによく行きます。