css带背景的文字效果

使用了这个属性的意思是，以区块内的文字作为裁剪区域向外裁剪，文字的背景即为区块的背景，文字之外的区域都将被裁剪掉。

-webkit-background-clip:text

将文字设为透明

 color: transparent

通过将文字设置为透明，原本 div 的背景就显现出来了，而文字的区域全部被裁剪了，这就是 -webkit-background-clip:text 的作用。