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

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

From: Gérard Talbot <www-style@gtalbot.org>
Date: Fri, 8 Feb 2013 16:54:14 -0500
Message-ID: <509c0af8d78779b97200bf9a6e50244f.squirrel@ed-sh-cp3.entirelydigital.com>
To: "Sebastian Zartner" <sebastianzartner@gmail.com>
Cc: "Alan Gresley" <alan@css-class.com>, "Behrang Saeedzadeh" <behrangsa@gmail.com>, "W3C CSS Mailing List" <www-style@w3.org>

Le Ven 8 février 2013 10:56, Sebastian Zartner a écrit :
> That's not exactly the same. When you add blur radii to the shadows, they
> also spread to the other three sides.
>
> Sebastian


Blur radius and spread distance can be set for each <shadow>.

Eg

http://www.gtalbot.org/BrowserBugsSection/CSS3Backgrounds/box-shadow-AG.html

Gérard

>
> On Wed, Feb 6, 2013 at 2:29 PM, Alan Gresley <alan@css-class.com> wrote:
>

>> 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>






-- 
CSS 2.1 Test suite RC6, March 23rd 2011
http://test.csswg.org/suites/css2.1/20110323/html4/toc.html

Contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

Web authors' contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html
Received on Friday, 8 February 2013 21:54:56 GMT

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