/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 votes157 views2 answers
Bootstrap change color table striped
CSS Bootstrap
-1 vote101 views1 answer
Sidebar-Content layout
CSS
20 votes107 views6 answers
Remove bullets from ul
CSS
0 vote105 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
0 vote106 views1 answer
How to add style .css in wp
CSS
0 vote115 views1 answer
Device-pixel-ratio css
CSS
-1 vote102 views2 answers
How to put different p elements next to each
CSS
1 vote102 views1 answer
Change height of range slider html
CSS
3 votes104 views3 answers
Responsive text css
CSS
0 vote59 views1 answer
Named colors css
CSS