IE 谷歌浏览器 不同显示效果

<!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>filter</title>
<style>
</style>
</head>
<body>
<h1>IE</h1>
<hr/>
<h1 style="filter:shadow(color=red,direction=225);">ceshiwenzi</h1>
<h1 style="filter:blur(add=true,direction=20,strength=5);">ceshiwenzi</h1>
<h1 style="filter:dropshadow(color=#ff0000,offx=5,offy=5,positive=true);">ceshiwenzi</h1>
<h1 style="filter:glow(color=#ff0000,strength=5);">ceshiwenzi</h1>
<h1 style="filter:fliph;">ceshiwenzi</h1>
<h1 style="filter:flipv;">ceshiwenzi</h1>
<h1>CHROME</h1>
<hr/>
<h1 style="text-shadow: 0px -2px 0px #0D0D0D, 0px 2px 3px #666666;">ceshiwenzi</h1>
<h1 style=" text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #bbb, 3px 3px 0 #aaa, 4px 4px 0 #999, 5px 5px 0 #666, 6px 6px 1px #000, 0 0px 3px #000, 0 1px 3px #000, 0 3px 5px #000, 0 5px 10px #000, 0 5px 20px #000;">ceshiwenzi</h1>
<h1 style="text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00ff11, 0 0 70px #00ff11, 0 0 80px #00ff11, 0 0 100px #00ff11, 0 0 150px #00ff11;">ceshiwenzi</h1>
<div style="background:#333;">
<h1 style="color: white; text-shadow: 0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 40px #9dd;"">ceshiwenzi</h1>
</div>
</body>
</html>

  

posted @ 2012-11-07 12:13  wushang1987  阅读(243)  评论(0编辑  收藏  举报