css3滤镜-模糊Blur滤镜
来源：互联网 发布：排版打印软件 编辑：程序博客网 时间：2024/05/17 03:14
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模糊滤镜</title>
<style type="text/css">
.div2{
}
</style>
</head>
<body>
<h1>模糊(Blur)滤镜应用于图片</h1>
<ul>其相关参数包括:
<li>1.enabled:设置滤镜是否激活</li>
<li>2.add:指定图片是否改编成模糊效果，布尔值，默认为true，表示应用模糊效果</li>
<li>3.direction：设置模糊方向，按照顺时针方向起作用，取值范围0-360度，45度为一个间隔，共有8个方向值，</li>
<li>4.strength：指定模糊半径的大小，单位是像素，默认值为5，取值范围为自然数。</li>
</ul>
<ul>相关实例：
原始图：<img src="img/11.jpg" alt="图片" title="图片" style="width:200px;height:160px;">
add=true:<img src="img/11.jpg" style="width:200px;height:160px;filter:blur(add=true,direction=225,strength=20);-webkit-filter:blur(2px);-moz-filter:blur(2px); ">
add=false:<img src="img/11.jpg" style="width:200px;height:160px;filter:blur(add=false,direction=225,strength=20);"/>
</ul>
<h1>应用于文字</h1>
<div class="div2">
<p style="font-size:20px;color:blue;
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);filter:blur(2px);">Blur滤镜</p>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>模糊滤镜</title>
<style type="text/css">
.div2{
}
</style>
</head>
<body>
<h1>模糊(Blur)滤镜应用于图片</h1>
<ul>其相关参数包括:
<li>1.enabled:设置滤镜是否激活</li>
<li>2.add:指定图片是否改编成模糊效果，布尔值，默认为true，表示应用模糊效果</li>
<li>3.direction：设置模糊方向，按照顺时针方向起作用，取值范围0-360度，45度为一个间隔，共有8个方向值，</li>
<li>4.strength：指定模糊半径的大小，单位是像素，默认值为5，取值范围为自然数。</li>
</ul>
<ul>相关实例：
原始图：<img src="img/11.jpg" alt="图片" title="图片" style="width:200px;height:160px;">
add=true:<img src="img/11.jpg" style="width:200px;height:160px;filter:blur(add=true,direction=225,strength=20);-webkit-filter:blur(2px);-moz-filter:blur(2px); ">
add=false:<img src="img/11.jpg" style="width:200px;height:160px;filter:blur(add=false,direction=225,strength=20);"/>
</ul>
<h1>应用于文字</h1>
<div class="div2">
<p style="font-size:20px;color:blue;
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);filter:blur(2px);">Blur滤镜</p>
</div>
</body>
</html>
0 0
- css3滤镜-模糊Blur滤镜
- CSS3模糊滤镜
- css3模糊滤镜
- Blur滤镜
- Blur滤镜
- css3 滤镜 模糊，黑白，对比度等滤镜效果效果
- css3 滤镜效果（黑白滤镜、模糊化处理等）
- firefox对css3滤镜-----模糊兼容
- CSS3 滤镜
- css3滤镜
- css3滤镜
- css3滤镜
- css3滤镜-通道(Alpha)滤镜
- css3滤镜-投影(DropShadow)滤镜
- css3高级滤镜-切换滤镜
- css3高级滤镜-光照滤镜
- 【CSS3】滤镜+【html5】画布实现图片模糊效果
- 使用CSS3滤镜开发模糊背景（毛玻璃）效果
- Adnroid手机安全卫士
- android AsyncTask介绍
- Ubuntu16.04 vm tools安装方法及遇到的问题详解
- HDU 4740 The Donkey of Gui Zhou
- 《反射、类加载与垃圾回收》
- css3滤镜-模糊Blur滤镜
- POJ-3216-Repairing Company（最小路径覆盖）
- Linear regression and Normal Equations algorithm
- String多种处理方法
- zoj 3861 Valid Pattern Lock
- Jedis使用总结【pipeline】【分布式的id生成器】【分布式锁【watch】【multi】】【redis分布式】
- 如何查看电脑的SHA1值
- [离散化]图形面积
- sparse Coding的C++代码——详细注释版
