- From: Alan Gresley <alan@css-class.com>
- Date: Thu, 06 Jan 2011 18:54:30 +1100
- 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 UTC