CSSのTransformsを使ったときに画像がぼやけるときありませんか?マウスオーバーで画像が拡大表示されるやつとか!ぼやけたり、ちらつく時にコードをたすだけで画像が綺麗に表示されます。そもそもこういうコード書かずに綺麗に表示されたらいいんですけど 追記するCSSのコード img { backface-visibility: hidden; -webkit-backface-visibility: hidden; } 2021年度版の追記するCSSのコード 上記よりもスマートな書き方がありましたので、追記します。 img { image-rendering: -webkit-optimize-contrast; } デモ作りました backface-visibilityの指定があるとき おまけ ”image-rendering”のコード -ms-interpolation-mode: n
![CSS Transformsで画像がぼやける、ちらつく時の対処法 | サウウェブ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7283d186376a21a3fc6631037fe2d0861baf074c/height=288;version=1;width=512/https%3A%2F%2Fwww.1000wave.net%2Fwp%2Fwp-content%2Fuploads%2F2016%2F09%2Fgori0I9A9925.jpg)