/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 vote367 views1 answer
Css line-through with words
CSS
5 votes359 views1 answer
How to center with translate
CSS
32 votes324 views6 answers
Animations css
CSS
0 vote370 views1 answer
Line circle in css
CSS
0 vote384 views1 answer
Css animation 3d effect
CSS
0 vote362 views1 answer
Typora rtl
CSS
0 vote322 views1 answer
Responsive slider with text animation codepen
CSS
0 vote350 views1 answer
Text zentrieren
CSS
0 vote363 views1 answer
Change mouse pointer on image hover
CSS
0 vote348 views1 answer
How to select classes that start with a certian name
CSS