效果：http://hovertree.com/texiao/css3/1/


本效果主要使用text-shadow实现.
参考：http://hovertree.com/h/bjaf/css3_text_effect.htm

代码如下：

OutlinedA
OutlinedA
原文 首页 特效 向上弹出菜单
OutlinedB
Hsl Colors
Test
Bottom Light
Dilate
Erode
Distant Light
Distant Top
Distant Front
Diffused Light
Bevel
何问起
hovertree.com

参考：

你需要知道的三个CSS技巧

纯CSS3邮件、旗帜、音乐、文件和眼睛的...

CSS热门知识点总结

井号后带三位数字或者字母表示的颜色

css3改变选择文本背景颜色

CSS3实现背景颜色渐变

pre强制换行代码

纯CSS3漂亮的房子不错的天气

CSS3径向渐变旋转的圆球

css3 transition属性实现3d动画效果

css3 3d展示中rotate（）介绍与简单实...

CSS学习笔记之定位position属性

CSS选择器多样应用

css8种选择器详解

CSS3的text-overflow

CSS3女神图片旋转木马

用CSS让文字居于div的底部

CSS transform中的rotate的旋转中心

css3给div加阴影

css强制换行

WEB前端面试题

CSS3画圆

CSS怎样取消两个块状元素之间空隙

使用CSS实现图片磨砂玻璃效果

使用CSS在移动端禁用长按选中文本功能

a:link,a:visited,a:hover,a:active

多种方法用 css-实现元素垂直居中对齐

CSS3鼠标悬停360度旋转效果

CSS导入使用及引用的两种方法

使用DIV+CSS开发一个简单漂亮的登录页...

css hover鼠标悬停图片显示标注

CSS3立体3D文字样式

CSS3的background-size: cover;

css3鼠标悬停(hover)打开打火机代码

更多：