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

Re: box-shadow and border-image and dashes

From: Robert O'Callahan <robert@ocallahan.org>
Date: Wed, 25 Feb 2009 07:54:36 +1300
Message-ID: <11e306600902241054r13f6c2e0vd380b6be5f3b4761@mail.gmail.com>
To: Brad Kemper <brad.kemper@gmail.com>
Cc: fantasai <fantasai.lists@inkedblade.net>, "www-style@w3.org" <www-style@w3.org>
On Wed, Feb 25, 2009 at 6:04 AM, Brad Kemper <brad.kemper@gmail.com> wrote:

> On Feb 18, 2009, at 1:33 PM, Robert O'Callahan wrote:
> On Thu, Feb 19, 2009 at 5:14 AM, Brad Kemper <brad.kemper@gmail.com>
> wrote:
>> I am leaning towards Hyatt's idea of also having a separate "shadow"
>> property, that used the alpha of everything in the box (including the
>> contents and text, perhaps, if the background was not opaque (maybe a
>> keyword to switch content-shadowing on or off?)) to determine where the
>> shadow went. Then we could use that for this automatically generated
>> image-border shadow too.
> You can actually do this today in Firefox using our extension that lets SVG
> filters apply to HTML --- non-standard so far, but I think it's been viewed
> receptively by the SVG WG.
> Try this in FF3.1 trunk:
> http://people.mozilla.org/~roc/textarea-shadow.html<http://people.mozilla.org/%7Eroc/textarea-shadow.html>
> That is pretty cool. How do you get an RGBA color other than opaque black?

Use <feFlood> to specify the color and combine it with the alpha mask using
<feComposite operator='in'>.

> Do you have to use feColorMatrix (which looks like it would be somewhat
> more complicated)?


And a couple more lines for inner shadows? It would nice if you could get
> the same sort of effect with a single CSS property having a syntax similar
> to box-shadow (or with a single keyword added to box-shadow).

The effect is obtained with a single CSS property:
'filter:url(effects.xml#drop-shadow)'. effects.xml can be reused via copying
or linking; it's library code.

I think the desire to add a CSS keyword or property for each wanted feature
is misguided.

"He was pierced for our transgressions, he was crushed for our iniquities;
the punishment that brought us peace was upon him, and by his wounds we are
healed. We all, like sheep, have gone astray, each of us has turned to his
own way; and the LORD has laid on him the iniquity of us all." [Isaiah
Received on Tuesday, 24 February 2009 18:55:15 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:24 UTC