* 仕様書
[REFS[
- [33] [CITE@en[Filter Effects Module Level 1]] ([TIME[2016-11-27 07:09:53 +09:00]])
]REFS]
* 実利用例
- [38]
[CITE[Muzyka - Największe gwiazdy, najnowsze hity]], [[Wirtualna Polska]], [TIME[2025-10-26T08:39:39.000Z]], [TIME[2013-04-12T21:20:28.100Z]]
-- [37] [CITE[https://web.archive.org/web/20130424072516cs_/http://muzyka.wp.pl/s_menu.css?v=1365756966]], [TIME[2025-10-26T08:38:41.000Z]]
[39] >>37
>
[PRE[
#wpNavi ul.NTop li a strong.muzyka {
background: transparent url(https://web.archive.org/web/20130424072516im_/http://i.wp.pl/a/i/muzyka2/li_muzyka.png) no-repeat center;
background: expression("none");
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i.wp.pl/a/i/muzyka2/li_muzyka.png', sizingMethod='scale', enabled=true);
width: 49px;
}
]PRE]
* 歴史
** IE4
[35]
[CITE@EN-US[Web Workshop - Site Lights: DHTML & CSS]], [[Nadja Vol Ochs]], [TIME[2024-08-17T06:02:17.000Z]], [TIME[2000-12-03T01:58:14.760Z]]
[36]
[CITE@EN-US[Visual Filters and Transitions Reference]], [[InetSDK]], [TIME[2024-08-17T06:09:21.000Z]], [TIME[2000-11-21T06:39:52.801Z]]
** SVG
[1]
[CITE@en[SVG Filter Requirements]] ([CODE[2007-05-01 01:50:12 +09:00]] 版)
([[名無しさん]] [WEAK[2007-05-07 09:37:19 +00:00]])
[2]
[CITE@en[SVG Filters 1.2, Part 1: Primer]] ([CODE[2007-05-02 22:36:19 +09:00]] 版)
([[名無しさん]] [WEAK[2007-05-07 09:38:38 +00:00]])
[3]
[CITE@en[SVG Filters 1.2, Part 2: Language]] ([CODE[2007-05-02 02:14:40 +09:00]] 版)
([[名無しさん]] [WEAK[2007-05-07 09:39:13 +00:00]])
[4]
[[SVG]] もまた[[モジュール化]]の愚を繰り返すのですね。
([[名無しさん]])
[5]
[CITE@ja[Taken SPC : ドロップシャドウくらいできるさ、Mozilla だって]] ([CODE[2007-06-15 21:10:42 +09:00]] 版)
([[名無しさん]] [WEAK[2007-06-15 12:12:18 +00:00]])
[7]
[CITE@en[Re: SVG 1.2 Comment: Detailed last call comments (all chapters)]] ([[Ian Hickson]] 著, [TIME[2004-11-10 20:45:14 +09:00]] 版)
[8][CITE@en[name of 'filter' property and corresponding CSSStyleDeclaration property]] ([[Cameron McCormack]] 著, [TIME[2008-11-16 09:13:17 +09:00]] 版)
[6][CITE@en[Re: name of 'filter' property and corresponding CSSStyleDeclaration property]] ([[Maciej Stachowiak]] 著, [TIME[2008-11-17 10:59:39 +09:00]] 版)
[9] [[WinIE6]], [CODE(CSS)@en[[[filter]]: [[gray]]]] みたいに () がなくてもいいんですね。
[10] [CITE[radialGradientについて - dhrnameの開発日誌]] ([TIME[2009-03-05 22:42:53 +09:00]] 版)
>filterプロパティを使う方法は、v:group要素内では、発動しそうにないということがわかりました。
* 不思議解釈
[11] 「[CODE(CSS)@en[[[filter:]]]] は [[WinIE]] の独自拡張であり、[[CSS]] ではない」とする説があります。
[12] [CITE[IRC logs: freenode / #whatwg / 20091015]]
([TIME[2009-12-10 00:05:28 +09:00]] 版)
[13] [CITE@ja[ハードウェアが特定の条件下ではIEでfilter:alpha(opacity=N)が適用されない - blog.katsuma.tv]]
([[blog.katsuma.tv]] 著, [TIME[2011-03-07 12:39:57 +09:00]] 版)
[14] [CITE[Filter Effects 1.0]]
( ([TIME[2011-04-27 02:06:14 +09:00]] 版))
[15] [CITE@en[Microsoft CSS Vendor Extensions - IEBlog - Site Home - MSDN Blogs]]
( ([TIME[2011-06-14 22:38:54 +09:00]] 版))
[16] [CITE[NOTE-css-potential-19970819]]
( ([TIME[2000-03-13 23:37:56 +09:00]] 版))
[17] [CITE@en[Filter Effects 1.0]]
( ([TIME[2012-10-25 03:19:36 +09:00]] 版))
[18] [CITE@en[Filter Effects 1.0]]
( ([TIME[2013-05-28 22:58:45 +09:00]] 版))
[19] [CITE@en[Re: name of 'filter' property and corresponding CSSStyleDeclaration property]]
( ([[Chris Lilley]] 著, [TIME[2008-11-17 23:34:58 +09:00]] 版))
[20] [CITE@en[Renaming 'filter' member of CSSStyleDeclaration]]
( ([[Robert O'Callahan]] 著, [TIME[2009-10-19 06:17:44 +09:00]] 版))
[21] [CITE@en[Re: ''''''[''''''cssom-view'''''']'''''' extending CSSStyleDeclaration with the CSS properties defined in SVG 1.1]]
( ([[Erik Dahlstrom]] 著, [TIME[2011-07-08 21:28:53 +09:00]] 版))
[22] [CITE@en[Re: ''''''[''''''cssom-view'''''']'''''' extending CSSStyleDeclaration with the CSS properties defined in SVG 1.1]]
( ([[Boris Zbarsky]] 著, [TIME[2011-07-09 04:42:23 +09:00]] 版))
[23] [CITE[チェンジセット 15557 – WebKit]]
( ([TIME[2013-08-20 11:29:41 +09:00]] 版))
[24] [CITE[チェンジセット 95331 – WebKit]]
( ([TIME[2013-08-20 11:30:44 +09:00]] 版))
[25] [CITE[Combination of filter: and :first-letter{ text-transform: uppercase; } freezes IE8/9 | Microsoft Connect]]
( ([TIME[2013-09-12 07:25:56 +09:00]] 版))
[26] [CITE@en[Filter Effects Module Level 1]]
( ([TIME[2013-11-27 01:15:27 +09:00]] 版))
[27] [CITE@en[IE10 で採用された標準準拠 Web グラフィックス - Internet Explorer ブログ (日本語版) - Site Home - MSDN Blogs]]
( ([TIME[2014-08-22 10:10:31 +09:00]] 版))
[28] [CITE@en[Filter Effects Module Level 1]]
( ([TIME[2014-11-26 00:29:36 +09:00]] 版))
[FIG(quote)[
[FIGCAPTION[
[29] [CITE@en[Safari 6.0]]
([TIME[2015-11-04 22:58:23 +09:00]] 版)
]FIGCAPTION]
> sepia()
> hue-rotate()
> saturate()
> invert()
> opacity()
> brightness()
> contrast()
> blur()
> grayscale()
> drop-shadow()
]FIG]
[FIG(quote)[
[FIGCAPTION[
[30] [CITE@en[Safari 6.0]]
([TIME[2015-11-04 22:58:50 +09:00]] 版)
]FIGCAPTION]
> Using Scalable Vector Graphics (SVG) filters, you can combine several filter primitive elements and light source elements into a single sophisticated filter, which can then be applied to any SVG element.
]FIG]
[31] [CITE@en[Fixes #25. Add -webkit-filter property alias. · whatwg/compat@1582a7a]]
([TIME[2016-01-14 15:24:31 +09:00]] 版)
[32] [CITE@en[Add canvas filters · whatwg/html@0c029fc]]
([TIME[2016-04-06 16:35:23 +09:00]] 版)
[34] [CITE@en[Animating a Blur | Web | Google Developers]]
([TIME[2017-10-13 15:43:08 +09:00]])