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

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 UTC