CSS'sFade滤镜应用[转贴]

HTML:

<style>
body{
    background-color:darkkhaki;
    }
#plate{
    filter:progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=20);
    background-color:white;
    color:blueviolet;
    width:200px;
    height:80px;
    font-family:verdana;
    font-size:12px;
    padding:20 20 20 20;
    text-align:center;
    font-weight:bold;
    cursor:default;
    }
</style>
<script language="javascript">
String.prototype.reverse=function(){
    var a=this.match(/[\s\S]/g);
    if(!a)
        return;
    return a.reverse().join("");
    }
function doPlay(){
    var f=plate.filters[0];
    f.apply();
    plate.innerText=plate.innerText.reverse();
    f.Percent=100;
    //f.Enabled=true;
    f.play();
    }
</script>
<div id=plate onmouseover=doPlay() onmouseout=doPlay()>My name is mozart0,and your name is not</div>