【问题标题】:Text track matte with CSS带有 CSS 的文本轨道遮罩
【发布时间】:2014-01-30 15:31:04
【问题描述】:

所以,我正在编写一些代码,然后我想到了一些想法。我无法深入了解它,并弄清楚如何去做,所以我希望其他人也有兴趣。 :)

是否可以在 CSS 中使用文本进行跟踪遮罩(如在后效中)。所以剪切 div 的文本以查看底部 div 的背景。像这样:

是否甚至可以仅使用代码而不使用图像来完成。所以,谢谢,最好的问候。

【问题讨论】:

标签: css text alpha


【解决方案1】:

是的,但仅适用于 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;
}

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

【讨论】:

  • 这样就可以了,虽然它只在-webkit-s 中有效,但是,嘿,它有效。这是小提琴的link
猜你喜欢
  • 2020-04-10
  • 1970-01-01
  • 1970-01-01
  • 2014-11-17
  • 1970-01-01
  • 2014-02-09
  • 2017-01-31
  • 2014-08-20
  • 2018-05-29
相关资源
最近更新 更多