Skip to content

Instantly share code, notes, and snippets.

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+
}
@ArloJamesBarnes

This comment has been minimized.

Copy link

@ArloJamesBarnes ArloJamesBarnes commented Mar 29, 2016

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.