Mastering CSS blend modes (opens in new tab)

See also https://garden.bradwoods.io/notes/css/blend-modes

We recently migrated all our native apps to webapps. Yes it's possible these days with same user experience. It's a blessing. Designing apps with css is just so nice. There isn't a single native solution which come even slightly close. Css is super nice these days.

Something to note though, these are typically extremely slow to render on mobile (at least in my experience) and can mean the difference between a functional web app and a laggy mess if you're redrawing often.

It’s incredible just how much there is in CSS. And so much of it is very fast in comparison to other imperative ways to getting the same effects.

Is there a blend mode for subtractive color mixing, to get the effect of layering transparent plastic sheets on top of each other?

How to use blend modes to create text that is always visible over the picture, dark or light? e.g. negates the background color or something.