为啥我的动态滤镜没效果呢？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>test</title> 
<style type="text/css"> 
#my { border:1px solid red; background:#eee; height:500px; width:500px; filter:progid:DXImageTransform.Microsoft.RevealTrans ( duration=0.5,transition=3 ); }
</style>
<script type="text/javascript">
  function p(){ 
document.getElementById('my').filters.revealTrans.play(); 
  }
</script>
</head>
<body onload="p()">
<div id="my">ss</div>
</body> 
</html>