小编Gae*_*six的帖子

文字渐变与字体真棒

我刚发现字体很棒,我想在我的网站上使用它.

问题是,我希望我的字体用渐变着色.我发现这个代码适用于标准文本,但我无法使用Font Awesome中的图标

这是我测试的:

<style>
    .big-icon {
        font-size: 72px;
        background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
</style>

<span class="big-icon">
    Hello world
</span>
<i class="icon-beaker"></i>
<span class="big-icon">
    <i class="icon-beaker"></i>
</span>
Run Code Online (Sandbox Code Playgroud)

它显示了一个带有渐变的"Hello world",我想要的图标,然后没有...

任何人都有任何想法?

谢谢

css html5 css3 font-awesome

26
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×1

css3 ×1

font-awesome ×1

html5 ×1