CSS 阴影效果

阴影效果

• text-shadow
• box-shadow

---

box-shadow { h-shadow, v-shadow, blur, spread, color, inset }

• h-shadow : 表示的是纵向的阴影距离.
• v-shadoe : 表示的是横向的阴影距离.
• blur : 表示的是阴影的模糊距离. 数值越大阴影越模糊.
• spread : 阴影的尺寸. 数值越大,阴影面积会越大.
• color : 表示的是阴影的颜色.
• inset : 将阴影变为内部阴影.

---

• 文字阴影效果

  h1 {
    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
  }