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 UTC
This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:49 UTC