css问题filter: alpha(opacity=100,finishopacity=0,style=2)

最新推荐文章于 2021-01-11 18:28:17 发布

转载最新推荐文章于 2021-01-11 18:28:17 发布 · 6k 阅读

文章标签：

#filter #css

CSS 专栏收录该内容

31 篇文章

订阅专栏

本文深入探讨了alpha通道在图像透明度调整、渐变效果实现以及图像合成过程中的核心作用。通过实例解析了opacity、finishopacity、style等参数如何影响图像的视觉效果，并详细介绍了StartX、StartY、finishX、finishY坐标在定义渐变区域时的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

alpha是来设置透明度的,它的基本属性是filter：alpha（opacity，finishopacity，
style，startX，startY，finishX，finishY）.
opacity代表透明度数,选值0-100,0是完全透明,100是不透明.
finishopacity用来设置结束时的透明度,以达到渐变效果.取值范围也是0-100.style指渐变类型,0是无变化,1是线行渐变,2是放射渐变,3是X型渐变.

filter：alpha（opacity=opcity，finishopacity=finishopacity，style=style，startX=startX，startY=startY，finishX=finishX，finishY=finishY）

Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。

Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。

StartX和StartY代表渐变透明效果的开始坐标。

finishX和finishY代表渐变透明效果的结束坐标。