怎样用CSS样式制作边缘光晕的模糊效果

html-css08

怎样用CSS样式制作边缘光晕的模糊效果,第1张

1、首先新建一个简单的html文件,如图所示。

2、然后根据自己的需要,简单的设置一下层宽高和图片样式。

3、新建一个用于局部模糊的层,利用绝对定位和z-index使它浮动在图片上面,效果如果所示。

4、然后细调css的样式使它达到自己想要的效果,比如想让中间的S模糊。

5、最后预览下如下图所示,就完成了。

在样式表中,定义一个

img

{filter:none}

这样,页面中的所有图片就不会有发光效果了!

把body的stlye属性删除掉,再把你要发光的字体加入到一个DIV