/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

-2 votes347 views1 answer
Sliding text css
CSS
0 vote323 views2 answers
Can i use css in react native
CSS
0 vote318 views1 answer
Css circle with number
CSS
0 vote314 views1 answer
Hex color code for tan
CSS
0 vote322 views1 answer
Storing and receiving FB
CSS
5 votes346 views3 answers
CSS RESPONSIVE
CSS
0 vote283 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
1 vote296 views2 answers
Hide text css
CSS
17 votes346 views2 answers
Filter: alpha(opacity=0);
CSS
2 votes331 views1 answer
Css rounded corners at top only
CSS