WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
在线留言 网站地图 加入收藏 设为首页
您的位置:本站首页>>前端样式>>CSS滤镜特效的应用——alpha滤镜属性值详解

CSS滤镜特效的应用——alpha滤镜属性值详解

[ 录入者:91ctc | 时间:2012-02-04 06:01:25 | 作者: 91ctc| 来源:本站原创 | 浏览: 次 ]


滤镜:滤光镜、滤色片,常见的滤镜属性有:

alpha
透明的层次效果
blur
快速移动的模糊效果
chroma
特定颜色的透明效果
fliph
水平翻转效果
flipv
垂直翻转效果
gray
灰度效果
invert
将颜色的饱和度及亮度值完全反转
wave
波浪边形效果
xray
X射线效果

 alpha滤镜属性值详解

opacity:代表透明度程度,默认的范围是1-100,其实是百分比的形式,0:表示完全透明,100:表示完全不透明

finishopacity:是一个可选参数,设置渐变的透明效果,范围是0-100

style:指定了透明区域的形状特征,0表示统一形状,1代表线形,2代表放射状,3代表长方形

start x:代表渐变透明效果的开始(x坐标)

start y:代表渐变透明效果的开始(y坐标)

finish x:代表渐变透明效果的结束(x坐标)

finish y:代表渐变透明效果的结束(y坐标)

例如:

CSS Code复制内容到剪贴板
  1. .img01{filter:alpha(opacity=60,style=2)}  

 


关闭】【返回顶部

相关文章
{xiangguan_list}
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。联系我们
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号