/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

2 votes311 views1 answer
Bootstrap dark mode
CSS
0 vote300 views1 answer
Css clamp vs media queries
CSS
0 vote326 views1 answer
Css center modal vertically
CSS
0 vote300 views1 answer
Display content in column css
CSS
0 vote291 views1 answer
Truncate long line with dots
CSS
10 votes376 views4 answers
Bootstrap badges Links
CSS Bootstrap
6 votes328 views3 answers
.row bootstrap
CSS
0 vote314 views1 answer
Code to change size when hover effect
CSS
0 vote454 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
3 votes331 views1 answer
Hover none in css
CSS