/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 vote235 views1 answer
Css if screen size less than
CSS
10 votes262 views5 answers
Css clamp
CSS
7 votes257 views2 answers
Transition css hover
CSS
3 votes255 views1 answer
Trash icon favicon
CSS
0 vote235 views1 answer
Backface-visibility sass
CSS
0 vote254 views1 answer
How to make any word italic in html and css
CSS
0 vote248 views1 answer
Css prevent text wrap
CSS
25 votes196 views6 answers
Text stroke
CSS
37 votes243 views4 answers
Css circle border
CSS
1 vote227 views1 answer
Flexbox align or justify one single item
CSS