css3技术

清风明月的专栏

字号+ 作者:H5之家 来源:H5之家 2015-09-13 10:07 我要评论( )

对各位注意到这个帖子的朋友说一声对不起,我不是故意的测试服务器一直没关,一忙就给忘了删了.....如果有管理员看到,可以把这个阅读数什么的清零,谢谢

滤镜效果:

 css滤镜的标识符是“filter”,其属性有alpha-透明,blur-模糊,chroma-透明色,dropshadow-阴影,flipH-水平翻转,flipW-垂直反转,glow-外边界放光,invert-底片效果,mask-透明膜效果,wave-正弦波打乱效果,xray-只显示轮廓。

代码:

<HTML> <HEAD> <TITLE>blur css</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <SCRIPT> function handlechange(obj) { with(obj.filters(0)) { if (strength<255) { strength +=2; } } } </SCRIPT> </HEAD> <BODY> <P> <IMG id=img1 onfilterchange=handlechange(this) style="FILTER: wave(strength=1)" src="images/02.jpg"> </P> </BODY> </HTML>
效果:



分析:

1.script,<script> 标签用于定义客户端脚本,比如 JavaScript。事实上,这里用的也是javascript。


2.里面的函数是javascript的语言,简单讲一下,strength指的是wave里面的波动形变强度值。


3.在body中,style给赋了filter,初始值strength=1。


4.滤镜filter经常和javascript一块使用。


版权声明:本文为博主原创文章,未经博主允许不得转载。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • wangxiaohui6687的专栏

    wangxiaohui6687的专栏

    2015-09-11 12:30

网友点评
"