ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS アルファ チャネル フィルター

CSS アルファ チャネル フィルター

WBOY
WBOY転載
2023-08-31 08:29:021064ブラウズ

CSS Alpha 通道滤镜

#アルファ チャネル フィルターは、オブジェクトの不透明度を変更して、背景に溶け込みます。

このフィルタでは次のパラメータを使用できます -

#finishopacityオブジェクトのもう一方の端の不透明度レベル。 スタイル 形状の不透明度グラデーション。 startXstartY #Complete不透明度グラデーションが終了する X 座標。

次のコードを実行してアルファ フィルターを実装してみることができます -
パラメータ

説明

不透明度

不透明度レベル。 0 は完全に透明、100 は完全に不透明です。

0 = 均一

1 = 線形

2 = 放射状

3 = 長方形

不透明度グラデーションが開始する X 座標。

不透明度グラデーションが開始する Y 座標。

#Complete

不透明度グラデーションが終了する Y 座標。

#例

ライブ デモ

リーリー

以上がCSS アルファ チャネル フィルターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。