DEV Community

edA‑qa mort‑ora‑y
edA‑qa mort‑ora‑y

Posted on

Explaining CSS Blending by Example

Top comments (3)

Collapse
 
nestedsoftware profile image
Nested Software • Edited

I don't believe blend mode has been implemented for the Microsoft Edge browser yet (August 2018). It works in Chrome and Firefox, but worth keeping in mind that even in some modern browsers, some things may not yet be available. caniuse.com/#search=mix-blend-mode

Collapse
 
codevault profile image
Sergiu Mureşan

I didn't even know blending in CSS existed. Thank you! You explain really well.

I am quite curious why you said that colors in CSS are broken. You mean the hexadecimal notation?

Collapse
 
mortoray profile image
edA‑qa mort‑ora‑y

I mean both the hex notation and rgb(r,g,b) notation. The natural range of color values of 0..1, but you're forced to use the encoded 0..255 values in CSS. That makes blending harder to understand.