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

Hacks can be used to make it achieve similar effect. But I am just thinking
it's good to have native support.

On Wed, Sep 14, 2011 at 1:35 PM, Brad Kemper <brad.kemper@gmail.com> wrote:

> I think what you are really looking for is a way to crop the shadow even
> with an edge of the element. You should be able to do this with overflow:
> hidden. So, supposing each LI had a box shadow, you could set overflow:
> hidden on the UL, and then give the UL enough padding on the other three
> sides so that the shadow is not clipped there.
>
> On Sep 13, 2011, at 9:44 PM, shi chuan <shichuanr@gmail.com> wrote:
>
> I have been thinking about it. The ideal way to render is, by default,
> there is some mechanism to detect if it is a joint point by two sides both
> with shadow applied, if it is, then the shadow fills the joint corner, for
> instance:
>
> If we define top and left shadow, the top-left corner is filled; but
> top-right and bottom-left are not.
>
>
> On Wed, Sep 14, 2011 at 12:35 PM, Simon Fraser < <smfr@me.com>smfr@me.com>wrote:
>
>> On Sep 13, 2011, at 6:28 PM, 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>
>> http://stackoverflow.com/questions/4909561/css3-box-shadow-on-top-left-and-right-only
>> )
>>
>>
>> What do you expect to happen at the corners if shadow is only visible on
>> some sides of the box?
>>
>> Simon
>>
>>
>>
>
>
> --
>
> *Shi Chuan **Web Developer*
>
> Twitter: @shichuan | Skype: shichuanr
> <shichuanr@gmail.com>shichuanr@gmail.com |  <http://www.blog.highub.com>
> www.blog.highub.com
>
>


-- 

*Shi Chuan **Web Developer*

Twitter: @shichuan | Skype: shichuanr
shichuanr@gmail.com | www.blog.highub.com