滤镜效果:
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一块使用。
版权声明:本文为博主原创文章,未经博主允许不得转载。