/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

5 votes216 views1 answer
Disregard incoming git pull and return to last commit
CSS
3 votes248 views2 answers
How to modify select icon csshow to modify select icon css
CSS
0 vote205 views2 answers
How to define max number of character for a paragraph css
CSS
1 vote206 views2 answers
Css ios disable zoom
CSS
2 votes179 views1 answer
Mixin for transition css
CSS
1 vote158 views1 answer
Css hover darken color
CSS
0 vote184 views1 answer
Scroll down style
CSS
0 vote198 views1 answer
Carbon today date with 12 00 am
CSS
-1 vote191 views1 answer
Css disable scroll mobile
CSS
0 vote187 views1 answer
Css transparent background behind text
CSS