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)
We’d love to hear what you think of these new features! Also, let us know if you come up with cool demos.