On 3/01/2011 1:22 AM, Lisa Frost wrote:
[snip]
Thanks, i will give them all a whirl. Its not actually a requirement on the
site i am using, but there is a lot of white on white and i was trying to
think of a way to make the content of the site (which has a fixed width)
sort of stand out from the white background subtly. A solid border at the
moment just doesn't seem to be cutting it.
Lisa
I not quite sure if this is for container or boxes in your code but
box-shadow has the advantage of spreading the area of the shadow to
become larger than the element (not just offset to it). This is the
forth and optional value in box-shadow.
box-shadow: 1em 1em 1em 1em <color> inset;
First is x-axis offset, then y-axis offset, then blur (optional), then
spread (optional), then color (optional) and finally inset (inner
shadow). Additionally you don't have to have just one shadow (drop
shadow images can't do this). You can add as many as you like.
box-shadow: 1em 1em 1em <color>, box-shadow: 1em 1em 1em 1em <color> inset;
I often use both box-shadow and border together for greater effect. A
demo (I use the word depth instead of spread in the description.
<http://css-class.com/test/css/shadows/box-shadow-blur-offset-light.htm>
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
