css3外发光效果怎么做

html-css034

css3外发光效果怎么做,第1张

<div style="box-shadow: 4px 4px 10px #f00 border:1px solid green"></div>

box-shadow: X轴 Y轴 发光度 颜色;

.xx{  box-shadow: 0 0 15px #4E4E4E padding:10px }

这两个0是  左右  上下。用px调整。如果是0就是居中。

15px是你要光圈。越大就范围就越广。类似于病毒扩散那种感觉.padding可无视,是为了放你class一个span或button自己就撑开了

text-shadow的属性:

text-shadow: h-shadow v-shadow blur color

text-shadow: 水平发光 垂直发光 模糊(发光)距离 发光颜色

举例:

p

{

text-shadow: 2px 3px 5px #FF0000

}

以上这个例子意思是:水平向右偏移2px,垂直向下偏移3px,模糊(发光)距离为5px,颜色为红色;

希望我的回答能够帮到您~