参考资料

  1. CSS字体属性详细说明以及案例
  2. CSS 阴影效果属性
  3. 详细说明Flexbox基础属性
  4. CSS尺寸属性详细说明以及案例
  5. CSS 阴影效果设置
  6. 边框属性详细说明以及案例
  7. Vanta.js 如何与 CSS 过渡结合?
  8. css3中设置阴影的属性是

css文字阴影属性

CSS 文字阴影属性:text-shadow

属性:

  1. h-shadow:水平阴影位置(必需)

  2. v-shadow:垂直阴影位置(必需)

  3. blur:模糊距离(可选)

  4. color:阴影颜色(可选)

用法:

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

示例:

  1. 基本阴影:

text-shadow: 2px 2px #ff0000;
  1. 模糊阴影:

text-shadow: 2px 2px 5px #ff0000;
  1. 多重阴影:

text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  1. 浮雕效果:

text-shadow: -1px -1px 0 white, 1px 1px 0 black;