/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

12 votes415 views3 answers
Docker restart container
CSS
0 vote364 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote368 views1 answer
Project in css transforms
CSS
21 votes401 views2 answers
Ul css in one line
CSS
0 vote451 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote406 views2 answers
How to make a strip in html and css
CSS
6 votes387 views3 answers
Vw css
CSS
0 vote371 views1 answer
How to add dotted line after and before text in css
CSS
8 votes376 views2 answers
Css list style
CSS
2 votes342 views1 answer
Why do we need hexadecimal number system
CSS