/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 vote358 views3 answers
Force keyboard to show android programmatically
CSS
6 votes352 views3 answers
Vw css
CSS
38 votes341 views5 answers
Roboto
CSS
-1 vote347 views3 answers
Scss
CSS
60 votes360 views4 answers
Hide scroll bar for a dive
CSS
8 votes348 views2 answers
CSS change image height
CSS
0 vote336 views1 answer
Mixin parameters
CSS
50 votes327 views6 answers
Text align css
CSS
0 vote340 views1 answer
Css commentaire une ligne
CSS
2 votes332 views2 answers
Aspect ratio css
CSS