/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 votes182 views1 answer
Css content space
CSS
35 votes180 views2 answers
How to blur background color in css
CSS
0 vote208 views1 answer
Añadir hojas css externas a wordpress
CSS
0 vote235 views1 answer
Css input not clickable
CSS
2 votes206 views1 answer
Cool hover effects css
CSS
0 vote208 views2 answers
Use .map to count length of each element in an array
CSS
-1 vote255 views1 answer
Alumina formula
CSS
0 vote254 views1 answer
Set number word to new line html
CSS
0 vote206 views1 answer
IE support stackover flow css
CSS
1 vote208 views1 answer
Load css file flask
CSS