/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 vote125 views1 answer
Css grid auto resize on mobile
CSS
0 vote106 views1 answer
How to give a background color strip in html and css
CSS
86 votes130 views6 answers
Css all caps
CSS
0 vote124 views2 answers
Easyui datagrid header color
CSS
0 vote115 views1 answer
Allfont cdn
CSS
0 vote117 views1 answer
Dad
CSS
54 votes119 views6 answers
Background color css
CSS
0 vote103 views1 answer
How to remove text highlight on double click
CSS
0 vote112 views1 answer
Div with no content have a width/height
CSS
0 vote144 views1 answer
DIVI Responsive menu breakpoints
CSS