w3-notes logo

cocochido

HTML/CSSリファレンス

filterプロパティ

inheritance
継承不可
animation type
離散的な(50%の位置で入れ替わる)アニメーション。フィルタ関数の種類によりアニメーション型が変わるケースあり。

説明

要素を表示するときのフィルタ効果を指定します。
関連項目

使用例

出力結果
出力結果

構文
syntax help

filter: none | <filter-function-list> ;
詳細

<filter-function-list> = [ <filter-function> | <url> ]+

none
[規定値] フィルタを適用しません。
フィルタ関数を指定します。
外部のSVGファイルなどを指定してそこに記述されたフィルタを適用します。

ブラウザ対応状況

IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
12
12
49
46
35
34
53
18
9.1
6
40
15
9.3
6
53
49
46
35
34
11
81
76
81
13.1
68
13.4
81
68
filter: svg
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
35
35
11
81
76
81
13.1
68
13.4
81
68
Support data for this feature provided by
 
サポート
 
部分サポート
 
非サポート
 
不明
最終更新日: 2021-02-24
© 2020 ここちい堂. All rights reserved.