推奨される CSS フィルターの共通フィルター属性とステートメント_基本チュートリアル

CSS フィルターの一般的に使用されるフィルター属性とステートメントの完全なリスト

文法: STYLE="filter:filtername(fparameter1, fparameter2...)"
(Filtername はフィルターの名前、fparameter1、 fparameter2 などはフィルターです。ミラー パラメーター)

フィルターの説明:

アルファ: 透明度レベルを設定します。
ブラー: 高速移動効果、つまりブラー効果を作成します Chroma: 特殊な色の透明度を作成します
DropShadow: オブジェクトの固定影を作成します
FlipH: 水平の鏡像を作成します
FlipV: 垂直の鏡像を作成します
Glow: オブジェクトに光を追加します近くのオブジェクトのエッジ
グレー: 画像をグレースケール
反転: カラーを反転
ライト: オブジェクトに光源を作成
マスク: オブジェクトに透明なマスクを作成
シャドウ: オブジェクトに透明なマスクを作成オフセット固定シャドウ
ウェーブ: リップル効果
Xray: オブジェクトを X 線で照らされているように見せます

1. フィルター: アルファ
構文: STYLE="filter:Alpha( Opacity=不透明度、FinishOpacity=仕上げ不透明度、Style=スタイル、StartX=startX、StartY = startY、FinishX = 終了
FinishOpacity: 目標値。
スタイル: 1、2、または 3
StartX: 任意の値
StartY: 任意の値
例: filter:Alpha(Opacity="0",FinishOpacity="75",Style="2" )

2. フィルター: ブラー
構文: STYLE="filter:Blur(Add = 追加、Direction = 方向、Strength = 強度)"
説明:
追加: 通常 1、または0。
方向: 角度、0 ～ 315 度、ステップ サイズは 45 度です。
強度: 効果の成長の値、通常は5。
例: filter:Blur(Add="1",Direction="45",Strength="5")

3. フィルター: クロマ
構文: STYLE="filter:Chroma ( Color = color)"
説明: color: #rrggbb 形式、任意。
例: filter:Chroma(Color="#FFFFFF")

4. フィルター: DropShadow
構文: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY= offY) 、Positive=positive)"
説明: 色: #rrggbb 形式、任意。
Offx：X軸偏差値。
Offy: Y 軸オフセット値。
正: 1 または 0。
例: filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

5. フィルター: FlipH
構文 ： STYLE="filter:FlipH"
例: filter:FlipH

6. フィルター: FlipV
構文: STYLE="filter:FlipV"
例: filter:FlipV
>
7. フィルター: グロー
構文: STYLE="filter:Glow(Color=color, Strength=strength)"
説明:
カラー: グローの色。
強度: 強度 (0-100)
例: filter:Glow(Color="#6699CC",Strength="5")

8. フィルター: グレー
構文: STYLE ="filter:Gray"
例: filter:Gray

9. フィルタ: 反転
構文: STYLE="filter:Invert"
例: filter:Invert

10. フィルター: マスク
構文: STYLE="filter:Mask(Color=color)"
例: filter:Mask (Color="#FFFFE0")

11. フィルター: シャドウ
構文: filter:Shadow(Color=color, Direction=direction)
説明:
カラー: #rrggbb 形式。
方向: 角度、0 ～ 315 度、ステップ サイズは 45 度です。
例: filter:Shadow (Color="#6699CC", Direction="135")

12. フィルター: wave
構文: filter: Wave(Add=add, Freq=freq , LightStrength=強度、Phase=位相、Strength=強度)
説明:
追加: 通常は 1、または 0。
Freq: 変形値。
LightStrength: 変形の割合。
位相: 角度の変形率。
強度：変形強度。
例: フィルター: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

13. フィルター: Xray
構文: STYLE="filter:Xray"
例: filter:Xray

14. 色の変更
構文:
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0、StartColorStr='#B5CCFA'、EndColorStr='#B5CCFA');