How to get glowing effect with css

Question

Whats the best way you would suggest getting a glowing effect around a div of text? Can it be done through CSS?

I tried playing around with the box-shadow but couldn't quite get it how I wanted it.

Answer 1

您正在寻找text-shadow - 有关浏览器支持它的信息，请参阅http://caniuse.com/#feat=css-textshadow ，以及有关如何使用它的链接的“资源”选项卡

Answer 2

I think you want something like this:

-webkit-box-shadow: 0px 0px 19px -1px rgba(0,255,81,1);
-moz-box-shadow: 0px 0px 19px -1px rgba(0,255,81,1);
box-shadow: 0px 0px 19px -1px rgba(0,255,81,1);

Just play around with the controls at http://www.cssmatic.com/box-shadow until you get what you want.

 div { -webkit-box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); -moz-box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); box-shadow: 0px 0px 19px -1px rgba(0,255,81,1); }

 <div><p>Text</p></div>