仕様書

実利用例

[39] >>37

#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;

}

歴史

IE4

[35] Web Workshop - Site Lights: DHTML & CSS, Nadja Vol Ochs, , https://web.archive.org/web/20001203015700/http://www.msdn.microsoft.com/workshop/author/dhtml/site/site0915.asp

[36] Visual Filters and Transitions Reference, InetSDK, , https://web.archive.org/web/20001121063200/http://www.msdn.microsoft.com/workshop/author/filter/reference/reference.asp

SVG

[1] SVG Filter Requirements (2007-05-01 01:50:12 +09:00 版) http://www.w3.org/TR/2007/WD-SVGFilterReqs12-20070501/ (名無しさん 2007-05-07 09:37:19 +00:00)

[2] SVG Filters 1.2, Part 1: Primer (2007-05-02 22:36:19 +09:00 版) http://www.w3.org/TR/2007/WD-SVGFilterPrimer12-20070501/ (名無しさん 2007-05-07 09:38:38 +00:00)

[3] SVG Filters 1.2, Part 2: Language (2007-05-02 02:14:40 +09:00 版) http://www.w3.org/TR/2007/WD-SVGFilter12-20070501/ (名無しさん 2007-05-07 09:39:13 +00:00)

[4] SVG もまたモジュール化の愚を繰り返すのですね。 (名無しさん)

[5] Taken SPC : ドロップシャドウくらいできるさ、Mozilla だって (2007-06-15 21:10:42 +09:00 版) http://taken.s101.xrea.com/blog/article.php?id=757 (名無しさん 2007-06-15 12:12:18 +00:00)

[7] Re: SVG 1.2 Comment: Detailed last call comments (all chapters) (Ian Hickson 著, 版) http://lists.w3.org/Archives/Public/www-svg/2004Nov/0257.html

[8]name of 'filter' property and corresponding CSSStyleDeclaration property (Cameron McCormack 著, 版) http://lists.w3.org/Archives/Public/public-svg-wg/2008OctDec/0377.html

[6]Re: name of 'filter' property and corresponding CSSStyleDeclaration property (Maciej Stachowiak 著, 版) http://lists.w3.org/Archives/Public/public-svg-wg/2008OctDec/0382.html

[9] WinIE6, filter: gray みたいに () がなくてもいいんですね。

[10] radialGradientについて - dhrnameの開発日誌 ( 版) http://d.hatena.ne.jp/dhrname/20090303/p1

filterプロパティを使う方法は、v:group要素内では、発動しそうにないということがわかりました。

不思議解釈

[11] 「filter: は WinIE の独自拡張であり、CSS ではない」とする説があります。

[12] IRC logs: freenode / #whatwg / 20091015 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20091015#l-451

[13] ハードウェアが特定の条件下ではIEでfilter:alpha(opacity=N)が適用されない - blog.katsuma.tv (blog.katsuma.tv 著, 版) http://blog.katsuma.tv/2011/03/ie_filter_hardware_problem.html

[14] Filter Effects 1.0 ( ( 版)) https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/publish/Filters.html

[15] Microsoft CSS Vendor Extensions - IEBlog - Site Home - MSDN Blogs ( ( 版)) http://blogs.msdn.com/b/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx

[16] NOTE-css-potential-19970819 ( ( 版)) http://www.w3.org/TR/NOTE-css-potential-19970819#elementId=1037656

[17] Filter Effects 1.0 ( ( 版)) http://www.w3.org/TR/2012/WD-filter-effects-20121025/

[18] Filter Effects 1.0 ( ( 版)) http://www.w3.org/TR/2013/WD-filter-effects-20130523/

[19] Re: name of 'filter' property and corresponding CSSStyleDeclaration property ( (Chris Lilley 著, 版)) http://lists.w3.org/Archives/Public/public-svg-wg/2008OctDec/0389.html

[20] Renaming 'filter' member of CSSStyleDeclaration ( (Robert O'Callahan 著, 版)) http://lists.w3.org/Archives/Public/www-svg/2009Oct/0027.html

[21] Re: [cssom-view] extending CSSStyleDeclaration with the CSS properties defined in SVG 1.1 ( (Erik Dahlstrom 著, 版)) http://lists.w3.org/Archives/Public/www-style/2011Jul/0130.html

[22] Re: [cssom-view] extending CSSStyleDeclaration with the CSS properties defined in SVG 1.1 ( (Boris Zbarsky 著, 版)) http://lists.w3.org/Archives/Public/www-style/2011Jul/0134.html

[23] チェンジセット 15557 – WebKit ( ( 版)) http://trac.webkit.org/changeset/15557

[24] チェンジセット 95331 – WebKit ( ( 版)) http://trac.webkit.org/changeset/95331

[25] Combination of filter: and :first-letter{ text-transform: uppercase; } freezes IE8/9 | Microsoft Connect ( ( 版)) https://connect.microsoft.com/IE/feedback/details/790265/combination-of-filter-and-first-letter-text-transform-uppercase-freezes-ie8-9

[26] Filter Effects Module Level 1 ( ( 版)) http://www.w3.org/TR/2013/WD-filter-effects-1-20131126/

[27] IE10 で採用された標準準拠 Web グラフィックス - Internet Explorer ブログ (日本語版) - Site Home - MSDN Blogs ( ( 版)) http://blogs.msdn.com/b/ie_jp/archive/2011/12/27/10251108.aspx

[28] Filter Effects Module Level 1 ( ( 版)) http://www.w3.org/TR/2014/WD-filter-effects-1-20141125/

[29] Safari 6.0 ( 版) https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_6_0.html#//apple_ref/doc/uid/TP40014305-CH3-SW5

sepia()

hue-rotate()

saturate()

invert()

opacity()

brightness()

contrast()

blur()

grayscale()

drop-shadow()

[30] Safari 6.0 ( 版) https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_6_0.html#//apple_ref/doc/uid/TP40014305-CH3-SW6

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.

[31] Fixes #25. Add -webkit-filter property alias. · whatwg/compat@1582a7a ( 版) https://github.com/whatwg/compat/commit/1582a7a8d9dbda753089ff0df710c139107819b5

[32] Add canvas filters · whatwg/html@0c029fc ( 版) https://github.com/whatwg/html/commit/0c029fc38775a6e88d2aee358a3942f157ba8271

[34] Animating a Blur  |  Web  |  Google Developers () https://developers.google.com/web/updates/2017/10/animated-blur?utm_source=feed&utm_medium=feed&utm_