Note: This feature here requires enabling from the
chrome://flags page for it to work. If you have ever used a
graphic or photo editor like Photoshop and Pixelmator, you should already be familiar with Blending Modes. Blending Modes is a collection of modes that enables an object to
blend with other objects, and thus
producing contrastive output of the mix. If done correctly, Blending Modes could output a very enticing result, like this.
Blend Mode application in a logo by
Ivan Bobrov Blending Mode has been a feature found only in
graphic and photo editors. Nowadays, you can find it in the CSS realm. Let's take a look how it works.
Recommended Reading: Understanding LESS Color Functions Getting Started
It's worth noting that CSS3 Blend Mode is an experimental feature. Firefox and Chrome are the only browser that ships with this feature at the time of the writing.
Note: In Chrome, before it's able to render CSS3 Blend Mode, you will have to enable the
Web Platform Features from the
chrome://flags page.
Background and Mix Blend Mode
There are two newly introduced CSS properties regar
[...]
No comments:
Post a Comment