A JavaScript based workaround for browsers which don’t support the CSS background-blend-mode property
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE.md
README.md
blend-mode.js Initial commit Aug 19, 2014
demo.css Initial commit Aug 19, 2014
demo.html Initial commit Aug 19, 2014
demo.jpg

README.md

js-background-blend-mode

This is a JavaScript based workaround for browsers which don’t support the CSS background-blend-mode property.

Usage

Add the blend-mode.js file to your HTML, declare your CSS background properties as you normally would using a blend-multiply class name.

What's missing?

As of now only the Multiply blend mode is hardcoded but it's enough to get you started. It would be great to be able to apply whatever background-blend-mode value you have in your CSS file, but currently reading unsupported CSS property values seems to be impossible.

I've only tested it on Safari iOS 7, should work on Mavericks as well.

License

This software is released under the Anyone But Redbanc Software License (ABRSL). Learn more about the ABRSL.