Web Platform Team Blog

Making the web awesome

Canvas blending is now in the Firefox release channel

A couple of months ago we had a blog post about adding blending in Canvas. At the time, the feature was only in the nightly builds of Firefox and Webkit. We’re excited to see that version 20 of Firefox now has this feature enabled by default.

Here‘s a CodePen that shows blending in action:

Open it in the latest version of Firefox and use the dropdown to experiment with the different blending modes. If you open it in an older version of Firefox or another browser, you will not see any blending but the animation should still work.

Stay tuned to have canvas blending  in Chrome as well.

Let us know what you think of this new feature or if you have a cool demo that shows it off!

Comments are closed.