我用我自己的字体实现了这种凸版效果,它在 Chrome 和 Safari 上完美运行。
.letterpress {
text-align: center;
font: 95px peskeu;
background-color: #666666;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: 0px 2px 4px rgba(255,255,255,0.65);
}
我最近看到 -moz-background-clip:text;
不起作用。
非常感谢您的帮助。
最佳答案
检查这个关于堆栈溢出的问题。提到的答案是好的和解释性的 由于 webkit 对此有自己的支持,因此最好为此进行黑客攻击。下面的链接提供了一个。 -moz-background-clip: *text* in Mozilla
关于html - css letterpress firefox 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11363898/