CSS Alpha 通道滤镜
cssweb developmentfront end technology更新于 2024/9/20 23:40:17
Alpha 通道滤镜会改变对象的不透明度，使其与背景融合。
此滤镜可使用以下参数 −
| 参数 | 描述 |
|---|---|
| Opacity | 不透明度级别。 0 表示完全透明，100 表示完全不透明。 |
| finishopacity | 对象另一端的不透明度级别。 |
| Style | 不透明度渐变的形状。 0 = 均匀 1 = 线性 2 = 径向 3 = 矩形 |
| startX | 不透明度渐变开始的 X 坐标。 |
| startY | 不透明度渐变开始的 Y 坐标。 |
| Finish | 不透明度渐变结束的 X 坐标。 |
| Finish | 不透明度渐变结束的 Y 坐标结束。 |
示例
您可以尝试运行以下代码来实现 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>
相关文章
有用资源
css 参考教程 - 该教程包含有关 css 的更多信息:https://www.cainiaomax.com/css/
