/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

1 vote239 views1 answer
Input time without am pm
CSS
3 votes254 views2 answers
Remove highlight input css
CSS
0 vote214 views1 answer
Mat select remove underline
CSS
0 vote235 views1 answer
Paper.css
CSS
1 vote264 views1 answer
Css html unterstreichen
CSS
0 vote246 views1 answer
How to add space between image and text in css
CSS
1 vote212 views3 answers
Console error
CSS
0 vote259 views1 answer
Time an element to disappear css
CSS
13 votes232 views1 answer
Rgb gold
CSS
4 votes266 views3 answers
Mobile tablet desktop media queries
CSS