/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 vote149 views1 answer
How to change style based on screen size
CSS
1 vote139 views3 answers
Css for bigger screen size
CSS
5 votes131 views3 answers
How to make a linear gradient in css
CSS
9 votes132 views4 answers
Change button size css
CSS
0 vote174 views1 answer
Helooo
CSS
-2 votes149 views1 answer
Reduce image size on mobile view css
CSS
1 vote126 views1 answer
Reset all input styles with 1 property css
CSS
3 votes133 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
1 vote146 views1 answer
Vendor prefix in css
CSS
1 vote128 views1 answer
How to remove margin of body
CSS