最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。今天终于抽出时间学习这个CSS3的
我想光看上面的效果就能吸引你了，要是你自己动手的话，我想您更会感到神奇。细一看，这些效果就像是photoshop整出来的一样，其实是真是这样的，有很多效果都是类似于photoshop中的特效。不过有一点大家需要特别的注意：此处的CSS3 filtercss filter完全是两样东东。更不是我们一直说的IE滤镜。具体所指的是什么？大家感兴趣的可以点击这里。我就不多说了，因为说也说不清楚，我只想和大家一起探讨的是如休整使用这个“CSS3 Filter”。那我们开始吧。
Filters主要是运用在图片上，以实现一些特效。（尽管他们也能运用于video上），不过我们在些只来讨论图片上的运用。
目前支持这个属性的浏览器少得可怜，现在只是webkit支持，而且只有webkit nightly版本和Chrome 18.0.976以上以上版本才支持，所以说，你要是想看到效果就需要下载这两个版本中的一个，我使用的是Google Chrome Canary。
我在此处取名为“normal”，表示此图没有任何“filter”效果，那么后面的效果，我们依次将其类名改成对应的效果名。大家看下面的代码吧：
有关于CSS3的filter就简单的介绍到这里了，如果大家想更清楚的了解filter是神马，可以点击下面的扩展阅读：
姓名：“刘晓强”，W3CDream创始人，目前就职于易点付。专注于web前端和移动端方面知识的研究，熟练掌握photoshop和AI，喜爱Flat UI设计和Metro UI风格，熟练掌握CSS3+HTML5技术、LESS CSS和Sass CSS，还有jQuery框架方面及一些前端框架bootstrap响应式设计等。新浪微博
我们是来自湖北师范大学信息工程专业的两名2014级毕业生，我们是一个工作室（专题网站工作室）也都是网站开发爱好者，我们在工作室一起学习了两年，小有一点技术（菜鸟），我们在大二的时候由于学校院系条件允许，我们九个人一起创立了由田文汇老师指导的专题网站工作室，并且在大三时候创立W3C梦想站！
自2011年工作室成立以来，我们不断学习进步，工作室也逐渐发展成为二十余人的小公司。因此，我们想做一个web开发学习平台来与广大web开发爱好者进行学习交流，同时也可以锻炼自己，希望W3C梦想站可以帮助更多学习前端技术开发的人，想参与网站开发的同学们，你们可以从这里开始，W3C梦想站欢迎你的到来，期待你的加入！
W3C梦想站一个帮助那些喜欢网站学习开发的人而建设的学习网站，是我们专题网站工作室的成员的汗水的结晶。自2011年成立以来，我们不断努力，终于在web开发领域有了一点心得，因此，在此建设这个网站希望能与大家一起交流，让我们互相进步。我们的个人相关信息，（箫 强）web前端开发爱好者，专注于web前端各个方面的研究及一些前端框架和一些CMS方面知识研究。（灿 灿）网站后端开发者，致志于网站后台的开发和研究。我们有自己的技术论坛，可以一起加入我们，也可以加入我们的技术群（232045732），我们在这里一起讨论，一起学习，一起进步！如有问题可以直接进群里联系我们，欢迎广大web爱好者进站交流。
