Live data from Hacker News

Mastering CSS blend modes

kodingkitty.com

11–20 of 21 posts

Re: Mastering CSS blend modes

#11
post #10

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

I did this with the multiply blend mode. I did it in a really convoluted way to take a single color image, split it into CMYK channels, and then overlay the transparencies, in html+css.

http://deepf.art/cmyk.html

Re: Mastering CSS blend modes

#14
post #11
post #10

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

I did this with the multiply blend mode. I did it in a really convoluted way to take a single color image, split it into CMYK channels, and then overlay the transparencies, in html+css. http://deepf.art/cmyk.html

It seems to work, thanks!

Re: Mastering CSS blend modes

#15
post #8

Earlier quoted context omitted.

React native let’s you use flex box and has a lot of feature parity to css

React Native is essentially just writing web apps, once RN has css grid I will be happy enough with everything it has. There's something to be said for writing web apps in RN purely for the option of porting to iOS, Android and even MacOS/Windows now.

Fair enough. I hardly ever use grid cause I usually find flex handles 99% of my cases. But grid can be nice in certain instances. Haven’t tried RN for anything other than ios and android but am curious about the other platforms. And I guess the rest of the argument is just the age old debate of web vs native app. I think for some apps you’d be hard pressed to convince users to open a browser every time and type in a url, but certainly for other apps it’s fine. I won’t rehash that whole debate though :)

Re: Mastering CSS blend modes

#17
post #8

Earlier quoted context omitted.

React Native is essentially just writing web apps, once RN has css grid I will be happy enough with everything it has. There's something to be said for writing web apps in RN purely for the option of porting to iOS, Android and even MacOS/Windows now.

Fair enough. I hardly ever use grid cause I usually find flex handles 99% of my cases. But grid can be nice in certain instances. Haven’t tried RN for anything other than ios and android but am curious about the other platforms. And I guess the rest of the argument is just the age old debate of web vs native app. I think for some apps you’d be hard pressed to convince users to open a browser every time and type in a…

A webapp can live within a native app. The native app just acts as a holder and maybe has some functionality like social logins, ads, push notifications etc.

Re: Mastering CSS blend modes

#18
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.

Re: Mastering CSS blend modes

#19

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.

That’s usually the fault of funky JS or bloated bundles etc, rather than the CSS portion.

Plus it’s completely avoidable l, just many teams do not care, unfortunately

Re: Mastering CSS blend modes

#20

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.

That’s usually the fault of funky JS or bloated bundles etc, rather than the CSS portion. Plus it’s completely avoidable l, just many teams do not care , unfortunately

Well I assume the reasoning is that hardly anyone uses these blend modes, so why spend time optimizing it when there are more common things that could use more of a speedup.
Post reply on HN