Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is it possible to pixelate an image without canvas?

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.

like image 364
Cassidy Avatar asked Feb 03 '16 16:02

Cassidy


1 Answers

You can achieve a pixelated affect by using the image-rendering: pixelated; CSS rule and scaling up an image - see this article.

like image 166
Donald Avatar answered Oct 13 '22 00:10

Donald