FA Icon Glow / Shadow

时间:2013-08-06 22:25:20

标签: html css icons font-awesome

有没有什么方法可以在字体真棒图标上创建一个图标“发光”效果?

我尝试了以下内容:

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

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

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

1 个答案:

答案 0 :(得分:17)

30秒后计算出来:

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

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