Reputation: 15519
Is there some way I can create an icon "glow" effect on a font-awesome icon?
I have tried the following:
<i class="icon-thumbs-down glow"/>
and
.glow { box-shadow: 0px 0px 5px #fff; }
Unfortunately this results in a "square" white glow around the bounding box of the icon. How can I make a glow that contours to the shape of the icon?
Upvotes: 10
Views: 8549
Reputation: 15519
Figured it out 30 seconds later:
Font awesome is just a font, so you can do a text shadow:
.glow { text-shadow: 0px 0px 5px #FFFFFF; }
Upvotes: 23