/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 vote326 views1 answer
Red asterix css
CSS
0 vote340 views1 answer
Class html css
CSS
0 vote367 views1 answer
SPECIFIC CHILD ELEMENTS
CSS
0 vote317 views1 answer
Scroll x css
CSS
22 votes346 views6 answers
Font family css
CSS
2 votes331 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespace
CSS
4 votes327 views1 answer
Flexbox center and space between
CSS
50 votes318 views3 answers
How to center in absolute position
CSS
0 vote316 views1 answer
Nuxt page transition
CSS
0 vote312 views1 answer
Import custom font
CSS