WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
网站地图 加入收藏 设为首页
您的位置:本站首页>>前端样式>>CSS滤镜特效的应用――灰度、反转、X射线、波浪特效和指定颜色透明

CSS滤镜特效的应用――灰度、反转、X射线、波浪特效和指定颜色透明

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

灰度特效的语法形式是:{filter:gray}

反转特效的语法形式是:{filter:invert}

invert滤镜是把对象的可视化属性全部翻转包括色彩、饱和度和亮度值

X射线特效的语法形式是:{filter:xray}

xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮,也就是产生所谓的X光片效果

波浪特效的基本语法形式:{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}

wave滤镜属性值详解:

wave:把对象按垂直的波形样式打乱。默认是true(非0)

add:表示是否要把对象按照波形样式打乱

freq:是波纹的频率,也就是指定在对象上一共需要产生多少个完整的波纹

lightstrength:可以对于波纹增强光影的效果,范围是0——100

phase:用于设置正弦波的偏移量

strength:代表振幅大小

 例如:

CSS Code复制内容到剪贴板
  1. .img01{fliter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)} 

指定颜色透明

{filter:chroma(color=color_value)}

例如:

CSS Code复制内容到剪贴板
  1. .img02{filter:chroma(color=#cdd69b)}

PS:如果您对本文有纠错、质疑、转载、举报等问题时,请加入到网站Q&Q&群:86783981(验证信息:91ctc.com)提交您的问题,让大伙一块讨论。谢谢您的支持,计算机教程中心网将会一如既往的提供优秀资源助您一臂之力!
关闭】【返回顶部

您可能感兴趣的文章
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。网站Q&Q&群:86783981(验证信息:91ctc.com)
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号