[filter-effects] apply filter to border and background

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).

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

Received on Friday, 17 August 2012 01:09:33 UTC