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

Re: box-shadow and border-image and dashes

From: Brad Kemper <brad.kemper@gmail.com>
Date: Tue, 24 Feb 2009 09:04:01 -0800
Cc: fantasai <fantasai.lists@inkedblade.net>, "www-style@w3.org" <www-style@w3.org>
Message-Id: <D82FAE63-74E4-4D61-8BFB-19A543A5132F@gmail.com>
To: robert@ocallahan.org

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

That is pretty cool. How do you get an RGBA color other than opaque  
black? 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). Also, it appears that WebKit does not  
yet do these filters even on SVG object, so it may take some time for  
others to catch up with FireFox in this regard.
Received on Tuesday, 24 February 2009 17:04:45 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:16 GMT