Safariでopacityとtransformを使うと要素がチラつくのを解消Safariでcssのopacityとtransformを使っていたら表示されるタイミングで要素がチラつきました。 ChromeとFirefoxでは出てこなかった症状でしたが、調べてみると「Safari opacity transform ちらつく」といったキーワードでの記事を多くありました。 opacityのスタイルを指定している要素に1つスタイルを追加する事で解消ができました。 cssコード -webkit-transform-style: preserve-3d; 上記のコードを追加するだけでSafariでのちらつきがなくなります。 スマートフォンでもSafariと同様の動きになってしまっているようですが、上記のコードを追加する事でスマートフォンの対応もできるようです。
