用CSS给网页图片添加滤镜效果

日期：2007年10月1日作者：查看:[大字体中字体小字体]

有时候，我们需要给网页中的图片加一些特殊的效果，比如透明、扭曲、阴影或者翻转等，我们一般都会想到用Photoshop等一些图形软件来处理，其实我们也可以利用CSS(层叠式样表)提供的一些滤镜来处理，这对于不熟悉Photoshop的网友来说，是非常好的一件事。

我们先从较简单的开始，介绍几个没有参数的滤镜。

1.Gray滤镜
Gray滤镜的作用是产生黑白效果
使用方法：

2.Invert滤镜
Invert滤镜的作用是反色效果
使用方法：

3.Xray滤镜
Xray滤镜的作用是产生X光效果
使用方法：

4.fliph和flipv
fliph滤镜的作用是产生水平翻转效果；flipv滤镜的作用是产生垂直翻转效果
使用方法：或

接下来，我们再介绍几个比较复杂的滤镜：

5.alpha滤镜
alpha滤镜作用主要是对图片的透明度进行处理
使用方法：
说明：value1为图片的透明值，范围是0（完全透明）～100（完全不透明）
value2为图片透明度变换结束时的透明值，范围是0（完全透明）～100（完全不透明）注：该值只有在value3设定时才有效
value3为图片透明度变换方向。取值为1时，图片透明度按从左到右线性变化；取值为2时，图片透明度从内到外沿半径变化；取值为3时，图片透明度从内到外呈矩形变化
例：

6.shadow滤镜
shadow滤镜的作用是产生阴影效果
使用方法：
说明：value1为阴影的颜色值，如000000表示黑色
value2为光线照射角度，如135
例：

7.wave滤镜
wave滤镜的作用是使图片产生扭曲效果
使用方法：
[1] [2] 下一页
用CSS给网页图片添加滤镜效果相关文章：
·PS IR打造小仙女魔法之水果变变变
·非主流ps教程:制作红绿色调效果
·3DSMAX造型设计之书法印刷效果
·Flash用鼠标控制图片移动效果动画教程
·处理照片时尚效果Photoshop教程
·Flash教程制作模糊遮罩效果细析
·Flash教程用AS简单打造下雪效果
·Photoshop技巧几个布纹效果制作
·PS打造熟悉怀旧效果
·Photoshop打造个性雕刻效果文字
用CSS给网页图片添加滤镜效果相关软件
·《极品飞车11》烟雾效果宣传片
·GBA《维杰传说:拉里小子和坏苹果》模拟器
·古天乐创意《果缤纷吸游记》试玩
·FC效果逼真的《3D俄罗斯》游戏模拟器
·浪漫满屋宾果球
·手机游戏：薰洋果子店
·《请给我结果》
·园林别墅设计效果图
·家居客厅设计效果图
·甜蜜糖果

上一篇:Linux下Apache安装、配置和优化

下一篇:国庆长假用户需警惕三大类病毒

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

用CSS给网页图片添加滤镜效果

精品推荐

热点TOP10

特别推荐