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> 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) > > 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 | www.blog.highub.com >Received on Wednesday, 14 September 2011 05:35:47 UTC
This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:14:04 UTC