【css】マウスオーバーの画像の透明度が一瞬ちらつく現象を解決した

Invalid argument supplied for foreach()でWarningエラーが出たので出ないようにした ひとまず書いてる

透明度70%で止まらず、最後に一瞬ちらつく現象。cssを追加して解決です。

解決

-webkit-backface-visibility:hidden;
backface-visibility:hidden;
を追記する

これで、ちらつく現象が解決しました。
画像のhoverでtransitionのallを設定していたので起きたっぽいです。意図しない結果になった時、戸惑いますね。なんで?なんで?って。
backface-visibilityだよっ!ってならないし。

backface-visibilityとは

backface-visibilityとは、要素の裏面を可視化するかしないかの設定。
hiddenだと不可視で描画しない。

コメント

タイトルとURLをコピーしました