在文本中包裹图像/图案

Question

我正试图在HTML/CSS中实现此效果。

我知道梯度工作，但是这个确切的图案是不可能创造与梯度。

有没有人有一些解决方案，或者这只是根本不可能创建inHTML/CSS？ 在最后的手段，我会不幸地使用一个图像。

谢谢

Answer 1

This blog post提供了如何与不支持它的浏览器曼妙回退，以实现这一目标。这是在支持webkit的浏览器上实现它的CSS。

h1 { 
    color: fallbackColor; 
    background: url(path/to/image.jpg) no-repeat; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}