/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 vote283 views1 answer
Getting two scroll bars
CSS
36 votes284 views4 answers
Text color as gradient css
CSS
2 votes263 views1 answer
Css []
CSS
11 votes309 views3 answers
Css poppins font
CSS
-1 vote244 views2 answers
Animation fade in css
CSS
0 vote260 views1 answer
Materialize css icon
CSS Materialize
2 votes244 views1 answer
Bootstrap list view
CSS
0 vote302 views1 answer
Scss global class
CSS
3 votes294 views3 answers
Change br height
CSS
0 vote331 views1 answer
Chai assert
CSS