Given an <img>
element, is it possible to pixelate the image using only CSS and/or not use canvas?
I've seen things like the crisp edges feature (but that's just for images that are scaled) and a lot of canvas options, but I'm hoping for a better way.
Given an <img>
element, is it possible to pixelate the image using only CSS and/or not use canvas?
I've seen things like the crisp edges feature (but that's just for images that are scaled) and a lot of canvas options, but I'm hoping for a better way.
1 Answer
Reset to default 16You can achieve a pixelated affect by using the image-rendering: pixelated;
CSS rule and scaling up an image - see this article.
image-rendering: pixelated;
developer.mozilla.org/en/docs/Web/CSS/image-rendering – Pogrindis Commented Feb 3, 2016 at 16:49