【问题标题】:FA Icon Glow / ShadowFA 图标发光/阴影
【发布时间】:2013-08-06 22:25:19
【问题描述】:

有什么方法可以在字体很棒的图标上创建图标“发光”效果?

我尝试了以下方法:

<i class="icon-thumbs-down glow"/>

.glow { box-shadow: 0px 0px 5px #fff; }

不幸的是,这会导致图标边界框周围出现“方形”白光。如何制作符合图标形状的发光?

【问题讨论】:

    标签: html css icons font-awesome


    【解决方案1】:

    30 秒后想通了:

    Font awesome 只是一种字体,所以你可以做一个文字阴影:

    .glow { text-shadow: 0px 0px 5px #FFFFFF; }
    

    【讨论】:

    • 你太棒了! 17' 的问候
    • 任何人都知道如何使用新的原生组件来做到这一点...... fortawesome?
    猜你喜欢
    • 1970-01-01
    • 2011-07-29
    • 1970-01-01
    • 1970-01-01
    • 2014-04-25
    • 1970-01-01
    • 2017-08-29
    • 1970-01-01
    • 2015-05-15
    相关资源
    最近更新 更多