Blog2019.06.24sachikaiPhoneでbackface-visibilityが効かない時の対処法Web制作HTML・CSSアニメーションシェアTweetこんにちは。Maromaroのsachikaです。先日、「クリックすると要素がくるっと回転する」というアニメーションを実装する機会がありました。実装方法はCSSのtransformとJSを使用するだけなのでとっても簡単だったのですが、iPhoneの実機でチェックしたところ、なぜかアニメーションが上手くいかない・・・という事態が起きたので、対処法をメモしておきます。});});一見、PCで見ると何も問題が無いように見えるのですが、iPhoneの実機で見ると、表側に存在している要素がなぜか表示されないのです。hidden;を使用しているのですが、どうやらこの要素がiPhoneの際は効いていない様子。useで調べてみることに。すると、やはり「backface-visibility」だけはベンダープレフィックスが必要でした。use」で調べる2実機確認は必ず行うという教訓を得ることができました。皆さんも、SP版を作成する際は、実機確認を忘れずに!以上、sachikaでした。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。