/CSS/How to make an image not blurry when stretched css

How to make an image not blurry when stretched css

img {
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

Source: css-tricks.com

Css image sharpen

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACdJREFUCB1j9Pf3/88ABMmMjCCKgQlMIhGMu3btAquY9mMDWBhDBQAutwfDrUlKzQAAAABJRU5ErkJggg==" />

Source: css-tricks.com

Similar codes

0 vote174 views1 answer
Css banner image
CSS
1 vote264 views1 answer
Css fixed center vertical
CSS
0 vote176 views1 answer
Scss color black white
CSS
1 vote193 views1 answer
Full meaning of css
CSS
0 vote222 views1 answer
Puntos suspensivos css
CSS
0 vote219 views1 answer
Scrollable table vertical
CSS
0 vote196 views1 answer
Uikit height 100%
CSS
0 vote186 views1 answer
Css pixel art
CSS
0 vote196 views1 answer
Center elemnts css
CSS
0 vote217 views1 answer
Npm next-css
CSS