[css]代码库
<html>
<head>
<title>设置动感模糊 blur滤镜</title>
<style type=text/css>
<!--
h2{font-family:黑体;font-size:16pt}
.blur1{filter:blur(add=true,strength=10)}
.blur2{filter:blur(direction=90,strength=30)}
-->
</style>
</head>
<body>
<center>
<h2>不同blur参数值的效果</h2>
</center>
<hr>
<table>
<tr>
<td>原始图片</td>
<td>模糊方向270度</td>
<td>模糊方向305度</td>
</tr>
<tr>
<td><img src="angel.png" width="256" height="256"></td>
<td><img class=blur1 src="angel.png" width="256" height="256"></td>
<td><img class=blur2 src="angel.png" width="256" height="256"></td>
</tr>
</table>
</body>
</html>
[代码运行效果截图]
初级程序员
by: 正仔 发表于:2013-04-02 11:48:25 顶(0) | 踩(0) 回复
很不错的效果,收藏了O(∩_∩)O~~
回复评论