W3C home > Mailing lists > Public > www-style@w3.org > April 2012

Re: [css3-background] blending on 'box-shadow' and 'text-shadow'

From: Lea Verou <leaverou@gmail.com>
Date: Tue, 10 Apr 2012 17:51:49 -0700
Message-ID: <4F84D5A5.60602@gmail.com>
To: Rik Cabanier <cabanier@gmail.com>
CC: www-style list <www-style@w3.org>
I think this problem should be solved more generically, rather than 
adding keywords to random properties. For example, the `difference` 
blending mode could be used on text color to make it more legible 
regardless of background. Or, blending modes on borders and/or 
backgrounds could produce quite interesting effects. They could also 
replace the `invert` keyword on `outline`.
Maybe a function that can be used in place of any <color> value?

Lea Verou (http://lea.verou.me | @LeaVerou)


On 10/4/12 15:52, Rik Cabanier wrote:
> All,
>
> I'm currently working on the blending specification 
> (http://blogs.adobe.com/webplatform/2012/04/04/bringing-blending-to-the-web/) 
> and someone brought up that a very common use case for blending is 
> drop shadows.
> Some of our applications such as Photoshop, Illustrator and InDesign 
> set the shadow to multiply by default since it provides a more 
> pleasing appearance that can't be done with simple alpha blending. See 
> http://css-tricks.com/dont-use-black-for-shadows/ for a discussion on 
> why this is.
>
> Would there be interest in an additional keyword to specify blending 
> to 'box-shadow' or 'text-shadow'?
> the syntax could look like:
>
>     box-shadow: 64px 64px 12px 40px rgba(0,0,0,0.4) multiply
>
>
> Rik
Received on Wednesday, 11 April 2012 00:52:22 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:52 GMT