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

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

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

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

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

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

《光晕：最后一战（HALO）》这是第一部

《光晕：最后一战2（HALO2)》第二部

《光晕：最后一战3（HALO3)》第三部

《光晕战争（HALO WARS)》续作，玩法跟魔兽一样

还有新的《光晕3：地狱伞兵》2009年9月份出的

还有一个《光晕：致远星》要在2010年第三季度发售

发售日未定的作品有： 《光晕3：奇迹》

发售日未定的作品有：

《光晕3：奇迹》

《光晕：历代记》

《光晕：上古先贤》

已经取消开发的作品有：

《光晕98》

《光晕99（《光晕1》原始版）》

《光晕2原始版》

《光晕：GEN》

《光晕Online》

还有光晕电影：

《光晕：传奇》（个人看法：里面的人类士兵都是日本鬼子，无聊）

《光晕电影版》

光晕小说有：

《光晕：致远星的沦陷》

《光晕：洪魔（虫族）》

《光晕：初次反击》

详细内容见http://baike.baidu.com/view/170168.html?wtp=tt

---