CSSでのフェード時に要素がズレる

gravity-works (2017年5月10日 10:54) | コメント(0)
新しめのブラウザ向けに制作する場合、マウスオーバー時のフェードなどに「transition」を使うことができますが、フェード時にgoogle chromeで1pxズレることがありました。

このような場合、下記のスタイルを当てることで解消できます。

-webkit-backface-visibility: hidden;
backface-visibility: hidden;

transition を記述している要素に当てます。

カテゴリ:

コメントする

検索

このブログ記事について

このページは、gravity-worksが2017年5月10日 10:54に書いたブログ記事です。

ひとつ前のブログ記事は「縦中央に揃える最新のCSS」です。

次のブログ記事は「Google chromeで画像を縮小表示したときにぼける問題の回避方法」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。