使用HTML5和CSS3制作遮罩文字特效

遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。

现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同的文字遮罩效果。

另外,还可以使用CSS3mask-image属性来完成同样的效果。

Background-Clip属性创建遮罩文字特效效果如下:

TML代码如下:

!DOCTYPEhtmlhtmllang="zh"headmetacharset="UTF-8"meta


转载请注明:http://www.aierlanlan.com/cyrz/1231.html