实例详解CSS滤镜(2)Mask属性

| 网站首页 | 模板 | 资料 | 源码 | 工具 | 开发 | 设计 | 安全 | 项目 | 网络 | 图片 | 系统 | 数据库 | 博客 | 会员中心 | 小说 |

网络学院

学习资料

源码模版

您现在的位置：精品下载 >> 开发 >> 网站开发 >> CSS技术 >> 文章正文

用户登录

新用户注册

实例详解CSS滤镜(2)Mask属性

【字体：小大】

实例详解CSS滤镜(2)Mask属性

作者：佚名文章来源：不详点击数：更新时间：2007-12-18

Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单：

　　Filter：Mask（Color=颜色）

　　只有一个Color参数，用来指定使用什么颜色作为掩膜。
　　同样，我们来看一下一幅图片在加上mask属性前后的效果（见下图）：

　　加上MASK属性的效果就好象是在用有色眼镜看物体一样。上面的效果的代码如下：

<html>
　　　 <head>
　　　 <title> mask filter </title>
　　　 <style>//*设置CSS样式开始*//
　　　 
　　　 </style>
　　　 </head>
　　　 <body>
　　　 <div>
　　　 <p> wenyleaf </p>
　　　 </div>
　　　 </body>
　　</html>

　　其实，您就算在代码中去掉对字体前景色的定义，得到的效果还是一样的。因为有了Mask属性的定义，它遮罩下的字体颜色的设置就已经失去了意义。
　　还有一点需要您注意的地方，mask属性对图片文件的支持还是不够，不能达到应该有的效果。

文章录入：chqnet 责任编辑：chqnet

上一篇文章：实例详解CSS滤镜(3)Blur属性

下一篇文章：实例详解CSS滤镜(1)概述

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

最新热点		最新推荐		相关文章
				实例分析CSS属性Display与Vi CSS技术在网页设计中的运用实实例详解CSS滤镜(7)Invert属实例详解CSS滤镜(8)Shadow属实例详解CSS滤镜(9)Wave属性实例详解CSS滤镜(10)Xray属性实例详解CSS滤镜(11)Gray属性实例详解CSS滤镜(12)alpha属用CSS布局表单实例(抛弃表格详解CSS的定位语法应用

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）