CSS3中文本的描边(普通描边、凸起、凹陷)和发光效果

利用text-shadow属性的特性，同时在上，下，左，右中个方向为文字设置多个阴影，且不设置模糊作用距离(即默认没有模糊效果)，就可以实现文本的描边效果了。

文本的描边效果

如果将向左和向上的阴影颜色设置为白色，文字就会有凸起的效果。

文本的描边效果

如果将向右和向下的阴影颜色设置为白色，文字就会有凹陷的效果。

文本的描边效果

也可以利用text-shadow属性的特性，不设置水平和垂直的偏移距离，仅设置模糊作用距离，这样就可以通过修改模糊值来实现强度不同的发光效果了。

文本的发光效果

box动画外发光效果（发光半径及光颜色可以根据喜好自行修改）

	box-shadow:inset x-offset y-offset blur-radius spread-radius color
	换句说：
	对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}
	
	简单发光效果 ：0px 0px 25px rgba(255,0,0,1)：水平偏移(右为正) 垂直偏移(下为正) 半径  颜色 

代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>









	
我会动画发光