/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 vote145 views1 answer
Ms-grid- error css
CSS
1 vote137 views1 answer
Login
CSS
17 votes145 views2 answers
Css horizontal linear gradient
CSS
3 votes161 views1 answer
Css second td in table
CSS
98 votes144 views6 answers
Css center
CSS
19 votes145 views3 answers
Css border radius top
CSS
6 votes173 views2 answers
Css border
CSS
0 vote167 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
222 votes302 views6 answers
Bootstrap CSS CDN
CSS
58 votes138 views2 answers
How to set css style using jquery
CSS