数据结构
网络
关系数据库管理系统 (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+ 次浏览
广告