Re: [css3] support for filters

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