css3挖空文本特效

在一些网站中利用css就可以写出非常好看的特效

挖空文本是一种技术,将文字从元素中剪切出来并显示背景。

换句话说,你只能看到背景,因为这些字母敲出了洞。这很吸引人,

因为它打开了我们无法摆脱传统CSS属性的印刷风格,例如color

4个混合模式是毫不费力地使文本切口:multiplyscreendarken,和lighten。将这些应用到图像和文本堆栈的顶层元素,顶部的文本会创建挖空设计。

尽管在大多数情况下,在这些混合模式中使用黑色或白色来明确区分文字和背景,但我更喜欢使用较暗或较浅的颜色,而不是使背面图像稍微可见,如下所示:

效果如图:

当然也可以加入一些动画效果:

原文地址:https://www.cnblogs.com/luna666/p/8532401.html