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

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

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

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

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

コメントする

このブログ記事について

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

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

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