遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。
现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同的文字遮罩效果。
另外,还可以使用CSS3mask-image属性来完成同样的效果。
Background-Clip属性创建遮罩文字特效效果如下:
TML代码如下:
!DOCTYPEhtmlhtmllang="zh"headmetacharset="UTF-8"meta