CSS3的WebKit属性给图片添加蒙版 - DTOP - 动易设计团队博客
您的位置：&
webkit-mask
这个属性是相当强大的，非常值得深入研究，因为它可以在实际应用中为你省掉很多时间。webkit-mask让为一个元素添加蒙板成为可能，从而你可以创建任意形状的花样。蒙板可以是CSS3渐变或者半透明的PNG图片。蒙板元素的alpha值为0的时候会覆盖下面的元素，为1的时候会完全显示下面的内容。相关的属性有webkit-mask-clip、 webkit-mask-position 和webkit-mask-repeat等，严重依赖来自于background中的语法。
background: url(img/image.jpg)
-webkit-mask: url(img/mask.png);
background: url(img/image.jpg)
-webkit-mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
另外，-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度，也能设置其颜色。而且，配合使用color: transparent属性，你还可以创建镂空的字体！ 示例为所有的&h1&标题设定一个2px宽的蓝色边框:
h1 {-webkit-text-stroke: 2px blue}
另一个特性是，通过设定1px的透明边框，可以让文字变得平滑:
h1 {-webkit-text-stroke: 1px transparent}
创建红色镂空字体：
-webkit-text-stroke: 4CSS全部属性及书写顺序_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
CSS全部属性及书写顺序
上传于||文档简介
&&W3C联盟推荐的CSS全部属性及书写顺序
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩14页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢