html模糊(html模糊效果)

1. html模糊

1、要设置h3的style以此来添加text-shadow，这个就是文字的阴影了哦。它的参数分别表示阴影的水平距离，垂直距离以及模糊程度和阴影的颜色了。

2、前两个数值越大距离原来文字的距离就会越远哦。而第三个值越大那么阴影就会越模糊哦。

3、div元素添加阴影效果也是差不多的情况，不过用到的是box-shadow属性而已，参数也是一样的。

4、比方我就设置了div元素的红色阴影效果。

5、如果想要让div元素的阴影效果更加的逼真，那么可以适当的缩写数值哦。

6、这样div阴影效果就出来了哟。当然阴影效果还可以配合鼠标经过事件等，展开大脑思考让阴影效果更加炫酷吧。

2. html模糊效果

ps抠图边缘模糊：抠图前把羽化值调成0就好了，修补方法：用硬度为100%的橡皮擦工具擦除，或加一个图层蒙板用硬度为100%黑色画笔隐藏模糊部分。用ps设计水印：

1、首先，新建一个文档，宽600px*高200px，颜色模式为RGB，背景选择透明；

2、按"D“恢复为默认的前景和背景色，按“x”键，切换前景和背景色为白和黑，选择文字工具，选择字体和字体大小，输入所需水印文字；

3、右键点击文字图层，选择栅格化文字；按住ctrl+点击图层（即载入选区）；

4、选择菜单中的编辑、描边；

5、选择宽度3，颜色为黑色，混合模式为正常；

6、保存为html格式的文件；

7、打开后选择png-24，其他选项默认，再点保存。将水印弄到自己的图片上步骤：

1、ps打开所做的水印图；

2、ps打开你想加载的图；

3、ps中选择双窗口，将水印图拖拽到想加载的图上（或将水印图窗口悬浮，直接拖拽过去）；

4、按ctrl+T键，改变其形状，大小等等，调整位置，再设置图层的混合模式为叠加，透明度为20%；

5、保存文档。

3. html模糊半透明

柠檬黄，赭石，朱红，紫罗兰，群青，墨绿，加白=高级灰（透明就加水和群青。）

4. html模糊风格模板

html想要设置图片分辨率，首先你需要打开该图片，然后再设置中，点击设置图片分辨率就可以完成设置

5. html模糊遮罩

遮挡浏览器部分内容，一般用到div，可以实现遮挡浏览器窗口的功能，代码为：

<div unselectable="on" style="background:#000;filter:alpha(opacity=10);opacity:.1;left:0px;top:0px;position:fixed;height:100%;100%;overflow:hidden;z-index:10000;"></div>

涉及css属性解释一下，根据实际需求调整对应参数：

 1)       background:#000: 将div的背景色设置为黑色; filter:alpha(opacity=10): 在IE下，将div的透明度设置为0.1; opacity:.1: 在非IE下，将div的透明度设置为0.1。

2)       left:0px;top:0px;position:fixed;height:100%;100%: 定义div的高度和宽度分别是浏览器高度和宽度的100%。这里有个小技巧，如果div的position是fixed或者absolute，那么当div的高度设置为百分比(例如100%)时，div的高度将参照浏览器可视区域(viewport)的高度来计算。此外，设置position为fixed，可以使得浏览器即使在scroll或resize时也保证遮罩层一直挡在页面的可视区域。

3)       overflow:hidden 用来避免滚动条的出现。