- From: Henrik Andersson <henke@henke37.cjb.net>
- Date: Thu, 23 May 2013 13:22:44 +0200
- 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:35 UTC