Re: [filter-effects] apply filter to border and background

On Thu, Aug 16, 2012 at 6:09 PM, Dirk Schulze <dschulze@adobe.com> wrote:

> Hi CSS folks,
>
> I created an initial Wiki page for discussing a request of the CSS WG to
> support filter effects on just backgrounds or just borders as well. [1]
> I want to collect proposals as well as pros and cons to find the best
> decision to address this request.
>
> a) The first proposal is adding new properties for background and border:
> * 'background-filter'
> * 'border-filter'
> These properties have the same syntax and semantic as the 'filter'
> property.
>
> The benefit that I see is that you can apply different filters to
> different component of an element (border, mask or content). But it means
> adding two new properties.
>
> b) The second proposal is adding a new keyword to Filter Effects named
> 'filter-target' with the keywords
> * border
> * background
> * group
> * (content)
> 'content' might not be necessary, since you can group child elements and
> filter the whole group.
>
> The benefit is that we just need one new property that is defined within
> Filter Effects and without modification of CSS Backgrounds and Borders.
> It seems to be harder to define different filters to different components
> (filter1 on the border, filter2 on the background).
>

Yes, compositing and blending has the same problem.
I can see how it is tempting to combine them, but this might make it harder
to do animations or transitions with them.


>
> SVG may also apply filters on different components of a shape. This could
> be done with the SVG Vector Effects proposal [2]. The 'filter' property
> would just be applied to each single vector effect.
>
> Greetings,
> Dirk
>
> [1]
> http://www.w3.org/Graphics/fx/wiki/Filter_Effects:_background_and_border_filter
> [2] http://www.w3.org/TR/2004/WD-SVG12-20041027/vectoreffects.html
>