CSS image-rendering: pixelated

I have been working on something that makes extensive use of pixelated way to render images on web pages. All three major browsers, Chrome, Firefox, and Safari, have very different level supporting this specific CSS property.

image-rendering: pixelated;

• Firefox has almost perfect support. It even supports pixelated rendering of videos! But, you have to use crisp-edges instead of pixelated.

• Chrome does not require you to use crisp-edges, pixelated works fine. But it does not work on videos.

• Safari has a bug that prevents pixelated to work on repeated background images. It seems a known issue, but no one has fixed it yet.