W3C home > Mailing lists > Public > www-style@w3.org > January 2011

Re: [css3] support for filters

From: Alan Gresley <alan@css-class.com>
Date: Thu, 06 Jan 2011 18:54:30 +1100
Message-ID: <4D257536.80901@css-class.com>
To: Rik Cabanier <cabanier@adobe.com>
CC: Simon Fraser <smfr@me.com>, Cameron McCormack <cam@mcc.id.au>, Charles Pritchard <chuck@jumis.com>, "ed@opera.com" <ed@opera.com>, "www-style@w3.org" <www-style@w3.org>
On 6/01/2011 5:05 PM, Alan Gresley wrote:

> Inner box-shadow should always be masked since they do behave somewhat
> like highlights but at the same time, there should be a way to achieved
> negative spread (Brad just didn't understand the concept).
>
> box-shadow: 10px 10px 0 -5px <color> inset;
>
>
> This would create highlights as seen here [2] (the white light
> reflecting from the spheres). It would create a inset shadow that is
> smaller than the box that has the inset shadow.
[snip]
> 2. <http://en.wikipedia.org/wiki/Global_illumination>


This is an example of a shadow (filter in svg) behaving as a highlight.


<http://css-class.com/test/svg/shadow-transparent-background-highlight.svg>


The CSS would be like this for the green box.


div {
   background: rgba(200,255,50,0.6);
   box-shadow: 10px 10px 20px -30px rgba(255,255,255,0.7) inset, 10px 
10px 10px 0 rgba(127,160,160,0.6) cast;
}




-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
Received on Thursday, 6 January 2011 07:56:06 GMT

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