css静态滤镜

很无聊的把n个滤镜堆在一起就成了下面这个效果，呵呵
ie5.5+ only

<style> #pp00 { width:950px; height:256px; position:absolute; left:10px; top:0px; background-color:#000060; font-size:256px; } #pp01 { width:0px; height:256px; background-color:red; position:absolute; left:10px; top:0px; filter:alpha(style=1,opacity=30,finishopacity=70,starty=0,finishy=256); } #pp02 { width:960px; height:256px; letter-spacing:-30px; background-color:white; color:black; position:absolute; left:0px; top:0px; filter:chroma(color=#000000) glow(color=gold,strength=3) dropshadow(color=#0000f0,offx=-3,offy=-3,positive=true) blur(enabled=false,makeshadow=true,pixelradius=1.0) wave(add=false,freq=0,strength=5,lightstrength=8,phase=100); font-size:256px; font-weight:bold; } #pp03 { position:absolute; left:30px; top:320px; } </style> <div id="pp00"> <div id="pp02">诘屈聱牙</div> </div> <div id="pp03"> <input type="checkbox" value="0" onpropertychange="pp02.filters[value].enabled=checked;" checked>chorma <input type="checkbox" value="1" onpropertychange="pp02.filters[value].enabled=checked;" checked>glow <input type="checkbox" value="2" onpropertychange="pp02.filters[value].enabled=checked;" checked>dropshadow <input type="checkbox" value="3" onpropertychange="pp02.filters[value].enabled=checked;">blur <input type="checkbox" value="4" onpropertychange="pp02.filters[value].enabled=checked;" checked>wave </div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]