/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 votes201 views4 answers
Js simulate click on div
CSS
6 votes227 views3 answers
Scroll snap css
CSS
0 vote189 views1 answer
How to use * in html
CSS
38 votes211 views4 answers
Css pointer event
CSS
8 votes204 views2 answers
Center div vertically tailwind
CSS
1 vote218 views1 answer
Text-shadow
CSS
2 votes194 views1 answer
Css disable dropdown on input
CSS
4 votes223 views1 answer
Css text line in middle
CSS
0 vote211 views1 answer
Box shadow css animation
CSS
0 vote214 views1 answer
Prevent bounce scroll css
CSS