/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 vote167 views1 answer
Change the arrow during click css
CSS
63 votes207 views6 answers
Html center image
CSS
-1 vote178 views1 answer
Html css circle progress bar
CSS
4 votes199 views2 answers
How to remove horizontal scrolling
CSS
22 votes175 views4 answers
Grid center align
CSS
0 vote174 views1 answer
Setting size for png icon in CSS
CSS
0 vote167 views4 answers
Tabs css only
CSS
23 votes182 views5 answers
Align item center flex
CSS
32 votes171 views6 answers
Alert bootstrap
CSS
6 votes179 views3 answers
How to make rounded corners in css with images
CSS