【发布时间】:2014-01-30 15:31:04
【问题描述】:
所以,我正在编写一些代码,然后我想到了一些想法。我无法深入了解它,并弄清楚如何去做,所以我希望其他人也有兴趣。 :)
是否可以在 CSS 中使用文本进行跟踪遮罩(如在后效中)。所以剪切 div 的文本以查看底部 div 的背景。像这样:
是否甚至可以仅使用代码而不使用图像来完成。所以,谢谢,最好的问候。
【问题讨论】:
所以,我正在编写一些代码,然后我想到了一些想法。我无法深入了解它,并弄清楚如何去做,所以我希望其他人也有兴趣。 :)
是否可以在 CSS 中使用文本进行跟踪遮罩(如在后效中)。所以剪切 div 的文本以查看底部 div 的背景。像这样:
是否甚至可以仅使用代码而不使用图像来完成。所以,谢谢,最好的问候。
【问题讨论】:
是的,但仅适用于 webkits
有趣的还有:
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;
}
【讨论】: