W3C home > Mailing lists > Public > www-style@w3.org > May 2013

Re: [css-compositing]new Editor's draft posted

From: Henrik Andersson <henke@henke37.cjb.net>
Date: Thu, 23 May 2013 13:22:44 +0200
Message-ID: <519DFC04.3000108@henke37.cjb.net>
To: Rik Cabanier <cabanier@gmail.com>, robert@ocallahan.org
CC: Jeremie Patonnier <jeremie.patonnier@gmail.com>, "public-fx@w3.org" <public-fx@w3.org>, www-style list <www-style@w3.org>, www-svg <www-svg@w3.org>, David Baron <dbaron@dbaron.org>
Rik Cabanier skriver:
> 
> From http://www.myprovence.fr/en#p_home, notice the pulldown tab that
> says "An event MP2013".
> The designer had to rasterize this to an image because there's no way to
> draw this with CSS. If he had blending, he could have drawn the text as
> a black div with white glyphs and apply a 'darken' blend mode. This
> blend mode would pick the darkest color, which in this case would be the
> clouds and the sky of the backdrop.

I'd call that an inverted mask. Not a blend mode.

> 
> http://www.hardlycode.com/pages/barracuda-tacos
> Notice how the text inherits the texture (probably an overlay blend
> mode). To get this effect people have to rasterize text in photoshop and
> place it precisely.

Brown with some alpha. Hardly a blend mode.

> 
> https://developer.apple.com/wwdc/ 
> This is again an image, but it could be implemented as a bunch of
> rotated div's with rounded corners, filled with different colors
> (gradients?) and a multiply blend.

You seem correct.

> 
> http://www.chipotle.com/en-US/Default.aspx?type=default
> There are many subtle blend modes on this page.
> I'll pick out the most obvious on. Pull on the tab and hover over the
> flash animation. The rays of the sun are using a 'screen' animation.
> (opacity would darken the rays)
> 

That's an alpha gradient.


Note that I do support the idea of blend modes in CSS.

For fun and completeness, here are the ones that Flash supports:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayObject.html#blendMode
Received on Thursday, 23 May 2013 11:23:31 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:30 UTC