/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 vote199 views1 answer
Purge tailwind 3
CSS
0 vote199 views2 answers
Text-align: left; width: 100%;
CSS
4 votes293 views1 answer
Striped tables css
CSS
0 vote184 views1 answer
Put light shadow around div
CSS
10 votes206 views2 answers
Import css in another css file
CSS
0 vote206 views1 answer
How to add default font css
CSS
0 vote181 views1 answer
Learn golang in a day
CSS
0 vote239 views1 answer
Puntos suspensivos css
CSS
0 vote193 views1 answer
Circular div css
CSS
0 vote216 views2 answers
List-style-image size
CSS