/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 vote151 views1 answer
Css background image svg not showing
CSS
2 votes135 views2 answers
Css grid make all rows same height
CSS
0 vote147 views1 answer
Background url with color css
CSS
7 votes142 views2 answers
Css comic sans
CSS
0 vote158 views1 answer
Css quitar el icono de lista
CSS
0 vote169 views1 answer
How to transition text color css
CSS
0 vote198 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
0 vote154 views1 answer
How to make text transparent with stroke in css
CSS
0 vote153 views1 answer
Css div background image loading
CSS
0 vote148 views1 answer
Make table cell less wide css
CSS