Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

FA Icon Glow / Shadow

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?

like image 896
Christian Stewart Avatar asked Aug 06 '13 22:08

Christian Stewart


1 Answers

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; }
like image 120
Christian Stewart Avatar answered Oct 23 '22 00:10

Christian Stewart