css文字阴影属性

参考资料

1. css3阴影效果
2. css如何居中一个div
3. align-items: flex-start/end详细说明
4. css阴影效果属性有哪些,
5. div居中样式
6. css让div居中的几种方法
7. 颜色属性详细说明以及案例
8. Flex布局在动画制作中的应用？

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;

2. 模糊阴影：

text-shadow: 2px 2px 5px #ff0000;

3. 多重阴影：

text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

4. 浮雕效果：

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