html中滤镜的效果图,CSS滤镜之Mask属性-网页设计,HTML/CSS

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

filter：mask(color=颜色)

只有一个color参数，用来指定使用什么颜色作为掩膜。

同样，我们来看一下一幅图片在加上mask属性前后的效果(见下图)：

原　图

mask属性效果图

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

mask filter

div{position：absolute；top：20；left：40；

filter：mask(color：#666699)；}

//*定义div区域的样式，绝对定位，mask属性的color参数值指定用什么颜色遮

住对象*//

p{font-family：bailey；font-size：72pt；

font-weight：bold；color：#ff9900；}

//*定义p区域内的样式，字体名称、大小、粗细、前景色*//

–>

wenyleaf

其实，您就算在代码中去掉对字体前景色的定义，得到的效果还是一样的。因为有了mask属性的定义，它遮罩下的字体颜色的设置就已经失去了意义。

还有一点需要您注意的地方，mask属性对图片文件的支持还是不够，不能达到应该有的效果。

html中滤镜的效果图,CSS滤镜之Mask属性-网页设计,HTML/CSS相关推荐

html css alpha,CSS滤镜之alpha属性-网页设计,HTML/CSS
alpha是来设置透明度的.先来看一下它的表达格式: filter:alpha(opacity=opcity,finishopacity=finishopacity, style=style,star ...
css中盒模型的属性包括(),css的盒子模型属性有哪些？css盒子模型相关属性的介绍...
本篇文章给大家带来的内容是关于css的盒子模型属性有哪些?css盒子模型相关属性的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1.盒子模型图 2.一个简单的盒子模型 box. ...
网页设计的css样式,网页设计引入CSS样式的五种方式_css
一.使用STYLE属性将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; -} 例如: <TD ...
韩顺平轻松搞定网页设计(html+css+js),韩顺平轻松搞定网页设计方案(html+css+js)之javascript现场授课笔记(完整版).doc...
2011韩顺平轻松搞定网页设计(html+css+js)之 javascript现场授课笔记(完整版) 视频18整和19的前半部分不用看 Javascript的基本介绍 JS是用于WEB开发的脚本语言 ...
学生DW静态网页设计我的家乡——四川文化(4页) HTML+CSS+JavaScript 家乡主题HTM5网页设计作业成品
HTML5期末大作业:家乡网站设计--我的家乡--四川文化(4页) HTML+CSS+JavaScript 家乡主题HTM5网页设计作业成品文章目录 HTML5期末大作业:家乡网站设计--我的家乡- ...
HTML期末大作业~简单的程序员个人博客网站模板源码(HTML+CSS)~个人主页博客web网页设计制作~HTML简单个人网页制作~Web大学生网页成品...
HTML期末大作业~ 简单的程序员个人博客网站模板源码(HTML+CSS)~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作临近期末, 你还 ...
HTML5期末大作业：动漫网站设计——斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载斗破大学生HTML网页制作作品简单漫画网页设计成品 dreamweav
HTML5期末大作业:动漫网站设计--斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载斗破大学生HTML网页制作作品简单漫画网页设计成品 dreamweave ...
html简单个人网页制作——我的家乡——四川文化(4页) HTML+CSS+JavaScript 家乡主题HTM5网页设计作业成品
HTML5期末大作业:家乡网站设计--我的家乡--四川文化(4页) HTML+CSS+JavaScript 家乡主题HTM5网页设计作业成品常见网页设计作业题材有个人. 美食. 公司. 学校. 旅 ...
HTML5期末大作业：日式料理网站设计——简洁日式料理餐饮(4页) HTML+CSS+JavaScript 父亲美食HTM5网页设计作业成品
HTML5期末大作业:日式料理网站设计--简洁日式料理餐饮(4页) HTML+CSS+JavaScript 父亲美食HTM5网页设计作业成品常见网页设计作业题材有个人. 美食. 公司. 学校. 旅 ...

html中滤镜的效果图,CSS滤镜之Mask属性-网页设计,HTML/CSS

html中滤镜的效果图,CSS滤镜之Mask属性-网页设计,HTML/CSS相关推荐

最新文章

热门文章