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

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

WBOY
リリース: 2023-08-31 08:29:02
転載
1091 人が閲覧しました

CSS Alpha 通道滤镜

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

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

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

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

説明

不透明度

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

0 = 均一

1 = 線形

2 = 放射状

3 = 長方形

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

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

#Complete

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

#例

ライブ デモ

リーリー

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

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート