DEV Community

loading...

Explaining CSS Blending by Example

mortoray profile image edA‑qa mort‑ora‑y ・1 min read

Discussion (3)

pic
Editor guide
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 Author

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.