• 一、text-shadow
  • 1.1 语法
  • 1.2 浏览器兼容性
• 二、demo - 制作立体文本
  • 2.1 完整demo
  • 2.2 拆解 0 deg

• 以下内容源于：《图解CSS3核心技术与案例实战》 第5章

一、text-shadow

1.1 语法

• text-shadow：文本阴影。

text-shadow: color x-offset y-offset blur-radius;

1.2 浏览器兼容性

• 兼容 IE，用滤镜

E {filter:shadow(color=颜色值，Direction=数值, Strength = 数值)}

二、demo - 制作立体文本

2.1 完整demo

• 点击打开demo

2.2 拆解 0 deg

• 点击打开demo

• 从上述图片，你会发现，其实 0 deg 的最终效果就是一个个 0 deg 阴影叠加起来而已！！