/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 vote207 views1 answer
Content url svg css
CSS
8 votes207 views3 answers
Select first div css
CSS
0 vote203 views1 answer
Check browser on css
CSS
1 vote205 views1 answer
Css line break width
CSS
0 vote191 views2 answers
How to centre a div
CSS
25 votes220 views5 answers
Image blur css
CSS
0 vote215 views2 answers
Position relative and absolute difference in css
CSS
0 vote224 views2 answers
Ul class= social-icons
CSS
0 vote243 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote194 views2 answers
Webkit box shadow not working
CSS