/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

-1 vote187 views1 answer
Option tag center
CSS
0 vote173 views2 answers
Css not clickable
CSS
7 votes185 views2 answers
How to make image same size as text css
CSS
0 vote180 views1 answer
Responsive image slider html css
CSS
10 votes189 views3 answers
Reset
CSS
2 votes195 views5 answers
Tailwind css margin auto
CSS
1 vote341 views2 answers
How to make background more darker with css
CSS
0 vote149 views1 answer
Html.css.js
CSS
0 vote193 views1 answer
CSS - The Class Selectors
CSS
0 vote195 views1 answer
Body{text-align: center;}
CSS