html - css letterpress firefox 不工作

标签 html css frontend

我用我自己的字体实现了这种凸版效果,它在 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/

相关文章:

reactjs - 大型业务应用程序的 React 架构

php - 页面加载时JQuery触发事件

CSS 和 Safari : image position

android - 在哪里可以找到适用于 Android 的移动网络应用程序的 CSS 主题?

javascript - 如何向图像 slider 添加过渡/动画?

javascript - 如何使用 VueJS 或 JavaScript 在多维数组中进行搜索

html - 对齐此菜单的正确方法是什么?

html - 当 width=100% 时,页眉超出滚动条

html - 滚动时如何让内容消失/隐藏在透明标题后面

html - 字体系列在 iPhone 上不起作用,页脚在 iPhone 中卡住屏幕中间