Very boring to put n a filter heap together to become the following effect, hehe
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= "pp01" ></div> <div id= "PP02" > 聱Teeth </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> <script> function DoL () {l=pp01.offsetwidth; L= (l>pp01.parentnode.offsetwidth-20) 0:l+2; Pp01.style.width=l; } setinterval (dol,20) </script>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
