/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 vote166 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
0 vote172 views1 answer
Codebuddysurej
CSS
0 vote178 views1 answer
Media screen tablet
CSS
0 vote145 views1 answer
Css disable animation on load
CSS
0 vote175 views2 answers
Sass if
CSS
2 votes260 views2 answers
Bootstrap change color table striped
CSS Bootstrap
2 votes205 views2 answers
Box shadow css transition
CSS
19 votes188 views4 answers
Scss react
CSS
0 vote191 views1 answer
Css percentrage minus px
CSS
0 vote180 views1 answer
CSS fluid type sizing based on viewport
CSS