css - 使用 CSS 的文本轨道 mask

Question

所以，我在编写代码时突然想到了一个主意。我无法深入了解它，也无法弄清楚如何去做，所以我希望其他人也有兴趣。 :)

是否可以在 CSS 中使用文本制作轨道 mask (如后效)。所以剪切一个 div 的文本以查看底部 div 的背景。像这样:

是否可以仅使用代码而不使用图像来实现。所以，谢谢，最诚挚的问候。

Answer 1

是的，但仅适用于 webkit

有趣的还有:
http://www.hongkiat.com/blog/css-masking/

.backgroundclip h1 {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background: url(http://bit.ly/1hRsB2d) no-repeat;
}

h1 {
  color: red;
}

演示(如评论中所述):
http://css-tricks.com/examples/ImageUnderText/