/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 votes145 views6 answers
Css color
CSS
1 vote185 views1 answer
Write text in one line css
CSS
0 vote189 views1 answer
Rotate box-shadow
CSS
0 vote173 views2 answers
Easyui datagrid header field color
CSS
0 vote163 views1 answer
How to make all buttons same size css
CSS
0 vote234 views1 answer
Css inherit class
CSS
0 vote176 views2 answers
Card css
CSS
8 votes164 views2 answers
Horizontal align icon css
CSS
3 votes191 views2 answers
Antialiasing css
CSS
46 votes151 views6 answers
Css background color
CSS