css3外发光效果怎么做

css3外发光效果怎么做

现在html5和css3已经和多网站在用了，下面小编就来介绍一下css3外发光效果怎么做，一起来了解一下吧。

首先来讲一下css3发光效果分为两种，一种是元素外发光，一种是文字外发光，对应的属性名称分别为box-shadow和text-shadow。

语法：

box-shadow: h-shadow v-shadow blur spread color inset;

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

然后我们新建一个html文档，小编用的是sublime text3，用html5文档类型。

然后写好主要的css和html结构，小编用的白色阴影黑色背景，看的清楚一些。

用浏览器打开看一下效果，注意要用现代浏览器，因为IE8及以下浏览器不支持css3，IE9不支持text-shadow。

文字外发光写法类似，效果如图。

利用css3可以做出很多酷炫的效果。