<h3 class="title">Original image</h3>
<img src="https://image.ibb.co/mjyX4k/direction_icon_2.png" alt="direction_icon" border="0">


<h3 class="title">Resize with css</h3>
<img src="https://image.ibb.co/mjyX4k/direction_icon_2.png" alt="direction_icon" border="0" class="small-image">

<h3 class="title">Resize with css (Add css property backface-visibility & transform(translateZ(0))</h3>
<img src="https://image.ibb.co/mjyX4k/direction_icon_2.png" alt="direction_icon" border="0" class="small-image small-no-blur">
img {
  background-color: transparent;
}

.small-image {
  width: 80px;
  height: auto;

}

.small-no-blur {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.