<!实例21-2-1代码>
<html>
<head>
<title>设置动感模糊</title>
<style type=text/css>
<!--
h2{font-family:黑体;font-size:16pt}
.blur1{filter:blur(add=true,strength=10)}
.blur2{filter:blur(direction=305,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="21-2-1.jpg"></td>
<td><img class=blur1 src="21-2-1.jpg"></td>
<td><img class=blur2 src="21-2-1.jpg"></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>设置动感模糊</title>
<style type=text/css>
<!--
h2{font-family:黑体;font-size:16pt}
.blur1{filter:blur(add=true,strength=10)}
.blur2{filter:blur(direction=305,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="21-2-1.jpg"></td>
<td><img class=blur1 src="21-2-1.jpg"></td>
<td><img class=blur2 src="21-2-1.jpg"></td>
</tr>
</table>
</body>
</html>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
