Skip to content

Instantly share code, notes, and snippets.

@tombennet
Last active February 6, 2022 00:06
Embed
What would you like to do?
Preserve pixelation when scaling pixel art with CSS - https://builtvisible.com/image-scaling-in-css/
@mixin pixelated {
-ms-interpolation-mode: nearest-neighbor; // IE 7+ (non-standard property)
image-rendering: -webkit-crisp-edges; // Safari 6 - 9
image-rendering: -moz-crisp-edges; // Firefox 3.6 - 64
image-rendering: crisp-edges; // Firefox 65+
image-rendering: pixelated; // Chrome 41+, Edge 76+, Safari 10+
}
Copy link

ghost commented Mar 29, 2016

Very useful in the custom CSS field of the Imagus Viewhance browser extension.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment