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

Re: suggestion of adding top,right,bottom,right to box-shadow

From: Lea Verou <leaverou@gmail.com>
Date: Thu, 22 Sep 2011 03:25:01 +0300
Message-ID: <4E7A805D.5030509@gmail.com>
To: shi chuan <shichuanr@gmail.com>
CC: www-style@w3.org
On 14/9/11 04:28, shi chuan wrote:
> box-shadow is lack of the option to be displayed only on specific 
> sides of the box.
>
> We can't defined it as box-*-*-shadow. it's often used together with 
> other CSS properties like border-radius which supports this syntax. It 
> will be great if we could use the following way to specify the sides 
> we want the shadow to be displayed (top,right,bottom,right)
>
> box-top-left-shadow
>
> Currently this can't be achieved without some kind of hack. 
> (reference: 
> http://stackoverflow.com/questions/4909561/css3-box-shadow-on-top-left-and-right-only)
>
> -- 
>
> *Shi Chuan */Web Developer/
>
> Twitter: @shichuan | Skype: shichuanr
> shichuanr@gmail.com <mailto:shichuanr@gmail.com> | www.blog.highub.com 
> <http://www.blog.highub.com>
>
>
Like it was discussed, this is easily achieavable through a negative 
spread value.
However, what would make both this, and many other cases* less tricky to 
implement, would be the ability to set horizontal and vertical spread 
radius separately. Perhaps with a slash, like in border-radius:

box-shadow: 0 0 4px -2px / 2px black;

* I remember needing this many times in day-to-day development, although 
I can't create a list off the top of my head. Perhaps someone else can, 
if the use cases aren't as obvious as I hope.

-- 
Lea Verou (http://leaverou.me | @LeaVerou)
Received on Thursday, 22 September 2011 00:25:33 GMT

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