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

gravity-works (2017年5月10日 10:54)

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

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

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

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

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

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

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