css3 filter的十种特效测试

声明：

1、此处的CSS3 filter和css filter完全是两样东东，更不是我们一直说的IE滤镜。而是css3中的一种视觉效果。

2、测试用的火狐浏览器，支持直接写filter:blur(10px)的格式，其他类型的浏览器可以添加兼容性代码：

-webkit-filter:blur(10px);
-moz-filter:blur(10px);
-ms-filter:blur(10px);
-o-filter:blur(10px);

 

测试代码这里就不粘了，直接看效果图吧：


 
 


 
 PS：原本想截成一个图的，奈何火狐的截图功能关键时刻掉链子唯独我的测试页面截不了图，其他页面都妥妥的。至于这个排版嘛个人css功底着实有限，大伙凑活着看吧。

 

简单特效：

具体实例已上传至附件。

参考：http://www.w3cplus.com/css3/ten-effects-with-css3-filter