みなさん、こんにちは茨城県水戸市でHP制作を行っています。レターズです。
今回はFirefox,Safariなどでページ読み込み時にTransitionが発火してしまう問題についてなのです。
ちょっとわかりづらいのですが、例としては、hover時から戻るTransitionがページ読み込み時には本来は動作しないはずなのですが、ふわっと戻るアニメーションが読み込み時に発火してしまい、ちょっと違和感があるという現象です。
今回WordPressのサイトでの対処を行ってみました。下記参考にしたサイトです
https://qiita.com/nagtkk/items/27ff4f2fe17746afabdd
WordPressの場合は外部cssをfunctions.phpで読み込むので下記の部分に1行<script>を追加することで改善されました。
<script>console.log("site starts");</script>
wp_head() のすぐ後に追加してみました。
いったんこれで症状は落ち着いています。