サウザンドウェーブ

映画、海外ドラマたまにスケボー、車、B'z、BUMPのブログ

WEB

CSS Transformsで画像がぼやける、ちらつく時の対処法

2016/11/14  | 1,554 views

PC,ブログ、パソコン、キーボード

CSSのTransformsを使ったときに画像がぼやけるときありませんか?マウスオーバーで画像が拡大表示されるやつとか!ぼやけたり、ちらつく時にコードをたすだけで画像が綺麗に表示されます。そもそもこういうコード書かずに綺麗に表示されたらいいんですけど

 

追記するCSSのコード

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

 

スポンサーリンク

デモ作りました

backface-visibilityの指定があるとき

  • 写真、カラフル
  • 写真、カラフル
  • 写真、カラフル
  • 写真、カラフル

-WEB