纯CSS3图片滤镜效果

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 24.0px; font: 12.0px \’Heiti SC Light\’; color: #323333}
span.s1 {font-kerning: none}

效果描述：

之前看到一个网站，用户上传自己喜欢的图片到服务器端，服务器会有一个类似滤镜的功能

将图片渲染完毕后再返回客户端，非常好玩

今天特意整理了一个用纯CSS3实现的滤镜图片效果供给大家参考
 

使用方法：

1、将head中的CSS引入到你的网页中

2、将body中的代码部分拷贝到你需要的地方即可