CSS中的滤镜 4年前

前端开发
742
CSS中的滤镜

设计网页时合理的为页面应用滤镜,可以起到非同凡响的效果。CSS滤镜分为基本滤镜和高级滤镜,基本滤镜又称为视觉滤镜,只要将其应用于对象上,便可以立即产生视觉特效,但其效果远不及高级滤镜。css的滤镜标示符是filter,在创建滤镜时首先要对filter进行定义,使用方法同其他css语法。

一、Alpha滤镜:对图像,文字设置透明效果

1、语法

.alpha {
filter: alpha(Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?);
}

Opacity:透明度,0-100.0代表完全透明
FinishOpacity:指定结束时的透明度,0-100
Style:透明区域样式。0:无渐变,1:渐变,2:放射性渐变,3:菱形渐变。当style=2时,StartX,StartY,FinishX,FinishY参数无意义,都是以对象中心为起始,四周为结束。
StartX:渐变开始的水平座标
StartY:渐变的垂直座标
FinishX:结束时的水平座标
FinishY:渐变结束时的垂直座标

。。。待续

P
PSYCHO78
做生意人站在道德与法律之内,做资本家只要在法律范围内即可。
4
发布数
1
关注者
8367
累计阅读

热门教程文档

Java
12小节
Python
76小节
Spring Boot
24小节
Redis
14小节
Javascript
24小节
广告