We recently added support for blending of SVG elements to Chromium. You can download Canary or Chromium. Since the feature is experimental, you will need to turn on “Experimental web platform features”. Once you turn on this flag, there will be support for the new ‘mix-blend-mode‘ CSS property on all elements. For now, only SVG elements will actually apply the blend effect. Here’s an example of some circles that have blending applied:
Which will render as follow:
Let us know what you think. If you have a cool demo to show off this feature, that would be great as well!
Next on the list are WebKit and Firefox…