資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學CSS Alpha 通道濾鏡
Alpha 通道濾鏡會改變物件的透明度，使其與背景融合。
此濾鏡可以使用以下引數：
| 引數 | 描述 |
|---|---|
| 不透明度 (Opacity) | 不透明度級別。0 表示完全透明，100 表示完全不透明。 |
| 最終不透明度 (finishopacity) | 物件另一端的透明度級別。 |
| 樣式 (Style) | 不透明度漸變的形狀。 0 = 均勻 1 = 線性 2 = 徑向 3 = 矩形 |
| 起始 X 座標 (startX) | 不透明度漸變開始的 X 座標。 |
| 起始 Y 座標 (startY) | 不透明度漸變開始的 Y 座標。 |
| 結束 X 座標 (Finish) | 不透明度漸變結束的 X 座標。 |
| 結束 X 座標 (Finish) | 結束 Y 座標 (Y coordinate for opacity gradient to end) |
示例
您可以嘗試執行以下程式碼來實現 Alpha 濾鏡：
<html> <head> </head> <body> <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)" /> <p>Text Example:</p> <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: blue; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)"> CSS Tutorials </div> </body> </html>
更新於：2020年6月25日
1K+ 次瀏覽
廣告