css滤镜效果 网页中图片如何应用CSS的滤镜的效果.docVIP

css滤镜效果 网页中图片如何应用CSS的滤镜的效果 导读：就爱阅读网友为您分享以下“网页中图片如何应用CSS的滤镜的效果”的资讯，希望对您有所帮助，感谢您对92的支持! 网页中图片如何应用CSS的滤镜的效果 2007-09-17 16:24作者：赵竞杰出处：论坛整理责任编辑：兜兜猫 有时候，我们需要给网页中的图片加一些特殊的效果，比如透明、扭曲、阴影或者翻转等，我们一般都会想到用Photoshop等一些图形软件来处理，其实我们也可以利用CSS(层叠式样表)提供的一些滤镜来处理，这对于不熟悉Photoshop的网友来说，是非常好的一件事。 我们先从较简单的开始，介绍几个没有参数的滤镜。 1.Gray滤镜 Gray滤镜的作用是产生黑白效果 使用方法： 以下是引用片段： lt;img src=quot;a.gifquot; style=quot;filter:grayquot;gt; 2.Invert滤镜 Invert滤镜的作用是反色效果 使用方法： 以下是引用片段： lt;img src=quot;a.gifquot; style=quot;filter:invertquot;gt; 3.Xray滤镜 Xray滤镜的作用是产生X光效果 使用方法： 以下是引用片段： lt;img src=quot;a.gifquot; style=quot;filter:xrayquot;gt; 4.fliph和flipv fliph滤镜的作用是产生水平翻转效果;flipv滤镜的作用是产生垂直翻转效果 使用方法： 以下是引用片段： lt;img src=quot;a.gifquot; style=quot;filter:fliphquot;gt;或lt;img src=quot;a.gifquot; style=quot;filter:flipvquot;gt;