/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

36 votes377 views6 answers
How to insert gradient in css
CSS
0 vote364 views1 answer
Icon float right side input css
CSS
0 vote354 views1 answer
Table essentaial styles css
CSS
1 vote350 views1 answer
Css selector not contain
CSS
34 votes365 views2 answers
Box position in center css
CSS
0 vote361 views1 answer
Remove border from last child css
CSS
-1 vote367 views1 answer
Neomorphic box
CSS
0 vote379 views2 answers
Open sublime text 3 from terminal mac
CSS
0 vote436 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
26 votes355 views10 answers
Bootstrap
CSS