W3C home > Mailing lists > Public > www-style@w3.org > January 2011

RE: [css3] support for filters

From: Rik Cabanier <cabanier@adobe.com>
Date: Wed, 5 Jan 2011 16:54:09 -0800
To: Cameron McCormack <cam@mcc.id.au>
CC: Charles Pritchard <chuck@jumis.com>, "ed@opera.com" <ed@opera.com>, "www-style@w3.org" <www-style@w3.org>
Message-ID: <8A13F0222395BD428969E5BA529EFA74776712E5B5@NAMBX01.corp.adobe.com>
It's probably reasonable to only have a couple of shorthand filters for now (blur and dropshadow?) with a simple syntax that can be animated.
It would be a similar approach to css-gradients. They define a simple css syntax for the most common gradients and rely on SVG to render more complicated ones.

I agree that having multiple instance of <filter> will be suboptimal both in size and performance.

Rik


-----Original Message-----
From: Cameron McCormack [mailto:cam@mcc.id.au] 
Sent: Wednesday, January 05, 2011 4:32 PM
To: Rik Cabanier
Cc: Charles Pritchard; ed@opera.com; www-style@w3.org
Subject: Re: [css3] support for filters

Rik Cabanier:
> Thanks for the info!
> 
> Having the filter defined externally to the CSS by using 'url(#..)' will make it harder to use. Is there a proposal to make it part of css?
> Animated filter are very useful ie it's very common to use a blur filter to simulate motion.

I think it is worth looking into having shorthand filters specified just in the property itself, like you have with blur(5) below.  If you wanted to support all of what SVG filters currently supports, by writing something in a single property, it’s going to get somewhat complicated, though.  I don’t know how far we want to take it.

An advantage of allowing filter definitions in the filter property, as you have done, is that CSS Transitions can define what it means to interpolate between two values.  If we only have url() values, then it’s just going to be a discrete change, and you would need to have the transition/animation targetting the <feGaussianBlur> element itself.
And that would mean that if you want to have multiple elements having an animated blur, you would need separate instances of the whole <filter> so that they could separately animated their blur radius attributes.

--
Cameron McCormack ≝ http://mcc.id.au/

Received on Thursday, 6 January 2011 00:55:04 GMT

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