首页 > 代码库 > background-clip:text属性

background-clip:text属性

webkit内核下,background-clip还有一个text属性,配合webkit内核的私有属性text-fill-color:transparent可以制作背景图片填充文本的效果:

技术分享

 

在360浏览器,Firefox,Google chrome,Opera都能显示出以下效果:

技术分享

 

在IE上显示不出来效果,如下图:

技术分享

background-clip:text属性