Edit

Page

Page title:

Page body:

* 仕様書

[REFS[
- [33] [CITE@en[Filter Effects Module Level 1]] ([TIME[2016-11-27 07:09:53 +09:00]]) <https://drafts.fxtf.org/filters/>
]REFS]

* 歴史

** 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]] <https://web.archive.org/web/20001203015700/http://www.msdn.microsoft.com/workshop/author/dhtml/site/site0915.asp>

[36] 
[CITE@EN-US[Visual Filters and Transitions Reference]], [[InetSDK]], [TIME[2024-08-17T06:09:21.000Z]], [TIME[2000-11-21T06:39:52.801Z]] <https://web.archive.org/web/20001121063200/http://www.msdn.microsoft.com/workshop/author/filter/reference/reference.asp>

** SVG

[1]
[CITE@en[SVG Filter Requirements]] ([CODE[2007-05-01 01:50:12 +09:00]] 版) <http://www.w3.org/TR/2007/WD-SVGFilterReqs12-20070501/>
([[名無しさん]] [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]] 版) <http://www.w3.org/TR/2007/WD-SVGFilterPrimer12-20070501/>
([[名無しさん]] [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]] 版) <http://www.w3.org/TR/2007/WD-SVGFilter12-20070501/>
([[名無しさん]] [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]] 版) <http://taken.s101.xrea.com/blog/article.php?id=757>
([[名無しさん]] [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]] 版) <http://lists.w3.org/Archives/Public/www-svg/2004Nov/0257.html>

[8][CITE@en[name of 'filter' property and corresponding CSSStyleDeclaration 	property]] ([[Cameron McCormack]] 著, [TIME[2008-11-16 09:13:17 +09:00]] 版) <http://lists.w3.org/Archives/Public/public-svg-wg/2008OctDec/0377.html>

[6][CITE@en[Re: name of 'filter' property and corresponding CSSStyleDeclaration  property]] ([[Maciej Stachowiak]] 著, [TIME[2008-11-17 10:59:39 +09:00]] 版) <http://lists.w3.org/Archives/Public/public-svg-wg/2008OctDec/0382.html>

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

[10] [CITE[radialGradientについて - dhrnameの開発日誌]] ([TIME[2009-03-05 22:42:53 +09:00]] 版) <http://d.hatena.ne.jp/dhrname/20090303/p1>

>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]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20091015#l-451>

[13] [CITE@ja[ハードウェアが特定の条件下ではIEでfilter:alpha(opacity=N)が適用されない - blog.katsuma.tv]]
([[blog.katsuma.tv]] 著, [TIME[2011-03-07 12:39:57 +09:00]] 版)
<http://blog.katsuma.tv/2011/03/ie_filter_hardware_problem.html>

[14] [CITE[Filter Effects 1.0]]
( ([TIME[2011-04-27 02:06:14 +09:00]] 版))
<https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/publish/Filters.html>

[15] [CITE@en[Microsoft CSS Vendor Extensions - IEBlog - Site Home - MSDN Blogs]]
( ([TIME[2011-06-14 22:38:54 +09:00]] 版))
<http://blogs.msdn.com/b/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx>

[16] [CITE[NOTE-css-potential-19970819]]
( ([TIME[2000-03-13 23:37:56 +09:00]] 版))
<http://www.w3.org/TR/NOTE-css-potential-19970819#elementId=1037656>

[17] [CITE@en[Filter Effects 1.0]]
( ([TIME[2012-10-25 03:19:36 +09:00]] 版))
<http://www.w3.org/TR/2012/WD-filter-effects-20121025/>

[18] [CITE@en[Filter Effects 1.0]]
( ([TIME[2013-05-28 22:58:45 +09:00]] 版))
<http://www.w3.org/TR/2013/WD-filter-effects-20130523/>

[19] [CITE@en[Re: name of 'filter' property and corresponding CSSStyleDeclaration  property]]
( ([[Chris Lilley]] 著, [TIME[2008-11-17 23:34:58 +09:00]] 版))
<http://lists.w3.org/Archives/Public/public-svg-wg/2008OctDec/0389.html>

[20] [CITE@en[Renaming 'filter' member of CSSStyleDeclaration]]
( ([[Robert O'Callahan]] 著, [TIME[2009-10-19 06:17:44 +09:00]] 版))
<http://lists.w3.org/Archives/Public/www-svg/2009Oct/0027.html>

[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]] 版))
<http://lists.w3.org/Archives/Public/www-style/2011Jul/0130.html>

[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]] 版))
<http://lists.w3.org/Archives/Public/www-style/2011Jul/0134.html>

[23] [CITE[チェンジセット 15557 – WebKit]]
( ([TIME[2013-08-20 11:29:41 +09:00]] 版))
<http://trac.webkit.org/changeset/15557>

[24] [CITE[チェンジセット 95331 – WebKit]]
( ([TIME[2013-08-20 11:30:44 +09:00]] 版))
<http://trac.webkit.org/changeset/95331>

[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]] 版))
<https://connect.microsoft.com/IE/feedback/details/790265/combination-of-filter-and-first-letter-text-transform-uppercase-freezes-ie8-9>

[26] [CITE@en[Filter Effects Module Level 1]]
( ([TIME[2013-11-27 01:15:27 +09:00]] 版))
<http://www.w3.org/TR/2013/WD-filter-effects-1-20131126/>

[27] [CITE@en[IE10 で採用された標準準拠 Web グラフィックス - Internet Explorer ブログ (日本語版) - Site Home - MSDN Blogs]]
( ([TIME[2014-08-22 10:10:31 +09:00]] 版))
<http://blogs.msdn.com/b/ie_jp/archive/2011/12/27/10251108.aspx>

[28] [CITE@en[Filter Effects Module Level 1]]
( ([TIME[2014-11-26 00:29:36 +09:00]] 版))
<http://www.w3.org/TR/2014/WD-filter-effects-1-20141125/>

[FIG(quote)[
[FIGCAPTION[
[29] [CITE@en[Safari 6.0]]
([TIME[2015-11-04 22:58:23 +09:00]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_6_0.html#//apple_ref/doc/uid/TP40014305-CH3-SW5>
]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]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_6_0.html#//apple_ref/doc/uid/TP40014305-CH3-SW6>
]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]] 版)
<https://github.com/whatwg/compat/commit/1582a7a8d9dbda753089ff0df710c139107819b5>

[32] [CITE@en[Add canvas filters · whatwg/html@0c029fc]]
([TIME[2016-04-06 16:35:23 +09:00]] 版)
<https://github.com/whatwg/html/commit/0c029fc38775a6e88d2aee358a3942f157ba8271>

[34] [CITE@en[Animating a Blur  |  Web  |  Google Developers]]
([TIME[2017-10-13 15:43:08 +09:00]])
<https://developers.google.com/web/updates/2017/10/animated-blur?utm_source=feed&utm_medium=feed&utm_>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)