/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

13 votes219 views6 answers
Hide title bar android
CSS
0 vote236 views1 answer
Browser renders before styles are applied
CSS
127 votes271 views4 answers
React import bootstrap css
CSS Bootstrap
2 votes222 views1 answer
@media prefers-color-scheme
CSS
2 votes216 views1 answer
Cool hover effects css
CSS
1 vote224 views1 answer
Lato font family css
CSS
103 votes236 views2 answers
What are the types of positioning in css
CSS
6 votes218 views4 answers
Css hover to disable
CSS
41 votes215 views6 answers
Media query for mobile min and max width
CSS
0 vote239 views3 answers
Sass use variables from another file
CSS