W3C home > Mailing lists > Public > www-style@w3.org > February 2013

Re: box-shadow-[top, right, left, bottom]

From: Alan Gresley <alan@css-class.com>
Date: Thu, 07 Feb 2013 00:29:43 +1100
Message-ID: <51125AC7.9010705@css-class.com>
To: Sebastian Zartner <sebastianzartner@gmail.com>
CC: Behrang Saeedzadeh <behrangsa@gmail.com>, W3C CSS Mailing List <www-style@w3.org>
On 6/02/2013 8:41 PM, Sebastian Zartner wrote:
> I like the idea. Doing so would give the author the freedom to define
> different blur radii, spread distances and colors for each side. I'm just
> wondering if and how individual offsets and "inset" should be handled.
>
> box-shadow would then be a shorthand for these new properties.
>
> Sebastian

This can already be done with 'box-shadow'. Does the demo below not 
resolve the issue of what is possible?

<!DOCTYPE html>

<style type="text/css" media="screen">
div {
  width: 200px;
  height: 200px;
  margin: 2em;
  background: silver;
  box-shadow: -1em 0 black, 0px -1em blue, 1em 0 green, 0px 1em olive;
}
</style>

<div>Some content</div>




-- 
Alan Gresley
http://css-3d.org/
http://css-class.com/
Received on Wednesday, 6 February 2013 13:34:01 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:05 GMT