/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

0 vote145 views2 answers
Update Arch Linux
CSS
0 vote131 views1 answer
Como fazer listrada css
CSS
0 vote184 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
0 vote141 views2 answers
Disabled checkbox css
CSS
3 votes213 views1 answer
Increase text from input
CSS
1 vote136 views1 answer
Gulp with pm2
CSS
1 vote138 views1 answer
Break pre text
CSS
0 vote143 views1 answer
Class html css
CSS
0 vote176 views1 answer
Easyui datagrid header font size
CSS
0 vote140 views1 answer
Square with 2 colors css
CSS