Web Platform Team Blog

Making the web awesome

Canvas blending now available on iOS7 and OSX Mavericks

The recent release of iOS 7, OS X Mavericks and Safari 6.1 added support for several new web features. Among those are CSS Regions and blending modes in canvas.

For cool use of Canvas blend modes feature, you might want to check out CJ Gammon’s demo from the graphical web conference in San Francisco.

One of his slides applies blending on a video to generate an interesting effect:


For a more basic example that you can experiment with, see this codepen.

We have now have support for canvas blend modes on the latest version of the following browsers:

  • Chrome (all platforms)
  • Firefox (all platforms)
  • Safari 6.1, 7.0 (iOS and OSX)
  • Opera

The specification also recently progressed to Last Call and is on track to become Candidate Recommendation. (See here to find out what this means)

We’d love to hear what you think of these new features! Also, let us know if you come up with cool demos.

Comments are closed.