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;

<div>Some content</div>

Alan Gresley
Received on Wednesday, 6 February 2013 13:34:01 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:26 UTC