/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

7 votes279 views2 answers
Font for css code google link
CSS
8 votes303 views2 answers
Css random color
CSS
15 votes289 views3 answers
Drop shadow image css
CSS
0 vote292 views1 answer
Css media two conditions
CSS
0 vote285 views1 answer
Add arrow in select css
CSS
6 votes276 views2 answers
Div inline grid 100% width
CSS
0 vote293 views1 answer
Define keyframes with javascript
CSS
76 votes324 views6 answers
Display flex css
CSS
0 vote276 views1 answer
Changing bakcgound color like animation using tailwind
CSS
1 vote277 views1 answer
Background-color not showing grover pdf
CSS