/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

43 votes322 views4 answers
Scale css
CSS
1 vote302 views1 answer
Css %-px
CSS
3 votes289 views2 answers
Css select all elements except last css
CSS
1 vote315 views2 answers
Set custom cursor
CSS
1 vote310 views1 answer
Ul remove dots
CSS
0 vote360 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
1 vote283 views1 answer
Add css variables without global
CSS
0 vote278 views1 answer
Css aufzählungszeichen entfernen
CSS
1 vote298 views1 answer
Css media queries pc and mobile
CSS
0 vote293 views1 answer
Why is there whitespace on the top
CSS