2018-04-25

Q&A：WordPressテーマのアニメーション動作がデモサイトと違う動きをします。ブラウザによって違う動きをします。

CSS3を使ったアニメーションは、
ブラウザごとの対応状況によって表示が異なる場合があります。

基本的にはパソコンのモダンブラウザ（Chrome・FireFox・Safari）最新版を優先で、
Internet Explorerでは、使用に問題がない範囲で、
装飾部分のアニメーション表示は省く、またはモダンブラウザ的なスムーズな動きを省略する、
というのが最近のWebの仕様（考え方）の主流となっています。

また、スマホでの表示・動作に関しては、
機種とブラウザとOSのバージョンの組み合わせが無限にある為、
アニメーション動作はアクセスする端末によって多少異なる前提です。

さらにご利用のサーバーによっては、自動的にキャッシュやCSS/JSの圧縮が効いていて、
デモサイトのようなアニメーション効果が出ない場合があります。
こちらに関しては、お客様のご利用の環境ごとに状況は異なりますので、
まずはキャッシュをオフにして確認してみてください。

上記の点から、CSS3アニメーションに関しては、想定通りの動きにならない場合も、
使用自体に問題は無い範囲であり、あくまでも装飾部分の話ですので、
不具合ではなくデザインの優先順位の問題として考えていただければ幸いです。

★