【CSS】transformを画像に当てているとぼやけてしまう時の対処法 | PRAWN COCKTAIL(プロウンカクテル)みなさん、こんにちは。 CSSのtransformを画像に当てた時に画像が少しぼやける現象に遭遇しました。 その解決方法をご紹介します。 画像がぼやけてしまったソースコードHTML <div class="wrap"> <div class="inner"> <figure class="pic"><img src="images/pic.png" alt=""></figure> </div> </div>CSS .inner { width: 1000px; height: 500px; margin: 0 auto; position: relative; } .pic { width: 50%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }imgタグの
