/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

5 votes160 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote106 views1 answer
How to use css on a react icon
CSS
4 votes113 views3 answers
Background with image and gradient
CSS
-1 vote104 views1 answer
Css media queries laptop
CSS
39 votes72 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
1 vote141 views1 answer
Animated website
CSS
-1 vote77 views1 answer
Css root seletor
CSS
0 vote110 views1 answer
Github lottie
CSS
0 vote114 views1 answer
Wkhtmltopdf remove thead repeating
CSS
0 vote113 views2 answers
After and before css
CSS