CSSフィルター効果
- WD要素にfilterプロパティを使用してフィルター効果を適用する方法。SVGで利用可能なフィルターと一致します。フィルター関数には、blur、brightness、contrast、drop-shadow、grayscale、hue-rotate、invert、opacity、sepia、saturateが含まれます。
Chrome
- 4 - 17：サポートされていません
- 18 - 52：サポートされています
- 53 - 123：サポートされています
- 124：サポートされています
- 125 - 127：サポートされています
Edge
- 12：デフォルトで無効
- 13 - 18：部分的にサポート
- 79 - 123：サポートされています
- 124：サポートされています
Safari
- 3.1 - 5.1：サポートされていません
- 6 - 9：サポートされています
- 9.1 - 17.3：サポートされています
- 17.4：サポートされています
- 17.5 - TP：サポートされています
Firefox
- 2 - 3.5：サポートされていません
- 3.6 - 33：部分的にサポート
- 34：デフォルトで無効
- 35 - 124：サポートされています
- 125：サポートされています
- 126 - 128：サポートされています
Opera
- 9 - 12.1：サポートされていません
- 15 - 39：サポートされています
- 40 - 108：サポートされています
- 109：サポートされています
IE
- 5.5 - 10：サポートされていません
- 11：サポートされていません
Chrome for Android
- 124：サポートされています
Safari on iOS
- 3.2 - 5.1：サポートされていません
- 6 - 9.2：サポートされています
- 9.3 - 17.3：サポートされています
- 17.4：サポートされています
- 17.5：サポートされています
Samsung Internet
- 4 - 6.4：サポートされています
- 7.2 - 23：サポートされています
- 24：サポートされています
Opera Mini
- すべて：サポートされていません
Opera Mobile
- 10 - 12.1：サポートされていません
- 80：サポートされています
UC Browser for Android
- 15.5：サポートされています
Android Browser
- 2.1 - 4.3：サポートされていません
- 4.4 - 4.4.4：サポートされています
- 124：サポートされています
Firefox for Android
- 125：サポートされています
QQ Browser
- 14.9：サポートされています
Baidu Browser
- 13.52：サポートされています
KaiOS Browser
- 2.5：サポートされています
- 3：サポートされています
このプロパティは、Microsoftの古い「filter」プロパティとは大幅に異なり、互換性がないことに注意してください。