网络编程
位置:首页>> 网络编程>> 网页设计>> 深入透析样式表滤镜(下)

深入透析样式表滤镜(下)

  发布时间:2011-06-14 09:49:19 

标签:滤镜,css

6、遮罩滤镜

作用:该滤镜可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样。

语法: {filter:mask(color=color)}

参数:该滤镜的color参数表示覆盖对象表面的颜色,例如如果遮罩颜色为绿色,那么就应该设置color=blue。

7、阴影滤镜

作用:阴影滤镜就是给对象添加阴影效果,其工作原理是建立一个偏移量,加上色彩。

语法:{filter:dropshadow(color=color,offx=offx,offy=offy,positive=positive)}
参数:该滤镜中的Color参数表示投射阴影的颜色,offx 表示水平方向阴影的偏移量,offy 表示竖直方向阴影的偏移量,Positive参数是一个布尔值,其数值如果为TRUE,就为任何的非透明像素建立可见的投影,如果为FASLE,就为透明的像素部分建立透明效果。

8、灰度滤镜

作用:该滤镜主要是将图象对象转换成灰度形式显示。

语法:{filter:gray}

参数:该滤镜没有参数。

9、翻转滤镜

作用:翻转滤镜主要是实现图象对象的水平或者竖直翻转效果。

语法:{filter:filph} {filter:filpv}

参数;这种滤镜也不带参数,其中{filter:filph}是实现水平翻转的,{filter:filpv} 是实现竖直翻转的。

10、X光滤镜

作用:X光滤镜可以让对象反映出它的轮廓并把这些轮廓加亮。

语法: {filter:xray}

参数:该滤镜本身不含有参数。

11、倒置滤镜

作用:使用该滤镜可以把包括色彩、饱和度、和亮度值等对象的可视化属性全部翻转。

语法: {filter:invert}

参数:该滤镜没有参数。

12、波纹滤镜

作用:波纹滤镜可以在水平和竖直方向利用正弦波打乱图象,使图象产生水波效果。

语法:{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}

参数:该滤镜的add参数是一个布尔数值,它是用来表示是否要把对象按照波形样式打乱;freq参数是用来设置波纹频率的,也就是指定在对象上一共需要产生多少个完整的波纹;lightstrength参数可以设置波纹光影的增强效果的,其数值范围在0到100之间;phase参数是用来设置正弦波的偏移量的,strength是设置正弦波的振幅大小的。

0
投稿

猜你喜欢

  • 准备在以后制作的网站中尝试一些变化,比如:先提交内容,后提示注册/登陆。感觉这样可以绑架更多用户……不想注册再发言?那就先让你上钩发言,然后
  • 在默认情况下,MySQL搜索不区分大小写(但某些字符集始终区分大小写,如czech)。这意味着,如果你使用col_name LIKE 
  • 1:除非你现在已经过了不惑之年了,否则你就一定要保持年轻人特有的激情!这里的激情,包含了那种说不明白的近似于冲动的东西,或者idea。也包含
  • 同质化的网站越来越多,往往你还没发展起来,就已有许多站点抄袭走了你的成果,如何留下用户?——让用户有更好的使用体验。一些网页上的小技巧,可以
  • 我使用“ Web 2.0设计”来形容目前占主导优势的网页设计风格, 很多人用这个词来形容:网络经济的复苏网站和用户之间更高水平的交互或一种社
  • 阅读上一篇:FrontPage2002简明教程五:css样式表的应用 用户可以快速和容易地创建图片库,以显示图片或图像。他们可以将图像添加到
  • 1、设置web.config文件。以下为引用的内容:<system.web> ...... <globalization
  • 微软在去年可谓是动作比较大的一年,在去年3月份推出了最新版的IE8浏览器,而在年底又发布全新的操作系统Windows 7,自此新产品的市场占
  • Liwu_Items表,CreateTime列建立聚集索引 第一种,sqlserver2005特有的分页语法 代码如下:declare @p
  • 在输入框里面预设一段提示文字,当焦点在输入框的时候清空这段文字,这在目前来说已经不是什么新鲜事了。淘宝的搜索框就用到了这样一种设计:这种设计
  • 你的SQL Server最近是否运行不正常?不,我指的不是我们肯定会遇到的通常的数据库和操作系统问题。我的意思是,你是否经历过服务器的反应迟
  • 启动sql server Net Start MSSqlServer 暂停sql server Net Pause MSSqlServer
  • Xml_javascript分页实例:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.
  •  <SCRIPT language=vbscript event=BeforeInitialBind(i
  • 先把我的browser信息说明一下:这是在opera里about中显示的“浏览器识别”Opera/9.62 (Windows NT 5.1;
  • 1. 用户必须在几秒钟知道网站是做什么的。注意力是因特网上最有价值的货币。 如果访问者无法在几秒钟之内得知你的网站的方向,他很有可能转而访问
  • 淘宝商城的 detail 页面“产品详情”部分是商家自定义区块,曾出现这样一个问题:推荐:css行高:line-height属性详解 <
  • HTML 5基本思维概念形成于2003年,之后W3C对页面超文本应用技术工作小组(WHATWG)开发的HTML草图颇感兴趣,这个小组的开发人
  • 最近一直在研究 Javascript 相关的技术。在《Javascript 高级程序设计》有篇章节着重阐述了优化 Javascri
  • // 执行AJAX请求的通用函数//带一个参数,是包含一系列选项的对象function ajax(options){//如果用户没有提供某个
手机版 网络编程 asp之家 www.aspxhome.com