【发布时间】:2013-08-06 22:25:19
【问题描述】:
有什么方法可以在字体很棒的图标上创建图标“发光”效果?
我尝试了以下方法:
<i class="icon-thumbs-down glow"/>
和
.glow { box-shadow: 0px 0px 5px #fff; }
不幸的是,这会导致图标边界框周围出现“方形”白光。如何制作符合图标形状的发光?
【问题讨论】:
标签: html css icons font-awesome
有什么方法可以在字体很棒的图标上创建图标“发光”效果?
我尝试了以下方法:
<i class="icon-thumbs-down glow"/>
和
.glow { box-shadow: 0px 0px 5px #fff; }
不幸的是,这会导致图标边界框周围出现“方形”白光。如何制作符合图标形状的发光?
【问题讨论】:
标签: html css icons font-awesome
30 秒后想通了:
Font awesome 只是一种字体,所以你可以做一个文字阴影:
.glow { text-shadow: 0px 0px 5px #FFFFFF; }
【讨论】: