通过CSS文本阴影创建令人惊叹的文本效果。

本文主要介绍了制作文本特效效果的CSS文本阴影特效，文中给出了很多阴影推荐的例子！需要帮助的朋友可以参考。
浏览器支持CSS3阴影

这两个属性的文本框的阴影和阴影已在现代主流浏览器的支持（> > Chrome 4，Firefox 3.5，Safari 4 > >，Opera 9.6 > IE10）。
文本阴影和框阴影的区别：
框阴影语法：

CSS代码将内容复制到剪贴板。
盒子的影子：没有| h-shadow v-shadow模糊颜色|插图|传播初始|继承；

文本阴影语法：

CSS代码将内容复制到剪贴板。
文字阴影：h-shadow v-shadow模糊颜色|没有|初始|继承；

这里只有几个不同的地方：

无法为文本创建内部阴影。
没有一个字阴影的传播距离。

但是你可以创建多个阴影（显示在顶部）。
文字阴影的学习
颜色和偏移量

在下面的示例中，我们定义了水平和垂直偏移量和自定义颜色。
CSS代码将内容复制到剪贴板。
文字阴影：10px 10px；

文字阴影：- 5px - 5px；颜色：蓝色；

文字阴影：- 1px - 1px的白色；颜色：蓝色；背景：# 888；

文字阴影：1px 1px RGBA（255255255，0.5）；颜色：蓝色；背景：# Eee；

注意，当阴影在移动时向右移动/向左移动时，为负。

阴影的颜色是可选的，如果颜色不填充，颜色继承父使用。但是，它可能在不同的浏览器是不同的，所以我建议定义颜色的物品（RGB或RGBA，低合金高强度钢，等）。
模糊

在下面的示例中，我们定义了各种模糊性：
模糊性是一个可选的参数，它定义了距离模糊，它应该是正数（因为0意味着没有歧义）：
CSS代码将内容复制到剪贴板。
元{
文字阴影：5px 5px 3px暗红色；颜色：红色；
}

元{
文字阴影：4px - 4px 10px红；
颜色：天青；
背景：# 333；
}

元{
文字阴影：0px 0px 4px；
}
母{
颜色：红色；
}

元{
文字阴影：0px 0px 4px；
}
母{
颜色：浅灰色；
背景：# 333；
}

第一个例子使用了不同的模糊距离，最后两个例子中我们没有设置颜色，而是使用父的不同颜色和背景颜色。
膨胀和收缩

Similar to box-shadow, the spread attribute will be added in css4.At the moment, it has been supported by ie10 (perhaps more modern browsers).This is the fourth parameter of text-shadow.You can use this parameter to expand and reduce the shadow.
CSS代码将内容复制到剪贴板。
文字阴影：5px 5px 0px 3px浅绿色；颜色：绿色；

文字阴影：8px 8px 2px - 3px深绿；颜色：绿色；字体重量：900；

文字阴影：0 00 3px RGBA（128, 255, 0，0.75）；颜色：绿色；背景：# 333；

正值扩大了阴影，负值降低了阴影，零值可用于文本边缘（第三例）。
多的影子

正如我们前面说过的，您可以向文本添加阴影：
边界的一个简单示例：

CSS代码将内容复制到剪贴板。
文字阴影：000 3px白000 4px灰颜色：红色；例1：基本； / * * /概述

文字阴影：3px 3px 4px 2px RGBA（255255255,0.35），例如 / * * / 2
6px - 6px 4px 2px RGBA（255255255,0.25），
- 3px - 3px 4px 6px RGBA（2550255,0.15）；

文字阴影：000 3px白色，例3：霓虹1 / * * /
00 2px 6px洋红，
00 1px 9px白，
00 6px 12px洋红；
颜色：洋红；

文字阴影：00 2px # FFF，例4：霓虹灯2 / * * /
00 4px 2px RGBA（255255255,0.5），
00 6px 6px # f0f，
00 4px 7px # FFF，
00 3px 15px # 222，
- 4px 0 2px 9px # f0f，
4px 0 2px 9px # f0f，
0 4px 2px 9px # f0f，
0 4px 2px 9px # f0f；
颜色：白色；

CSS代码将内容复制到剪贴板。
文字阴影：0 3px 3px 15px白色，0 1px 2px 9px例5：文字下划线； / * * /
颜色：洋红；

手术效果：
已经说了spread对css4属性），但你仍然可以使用CSS3模拟：

CSS代码将内容复制到剪贴板。
文字阴影：0px 0px 0px 4px洋红；

类似于：

文字阴影：品红0px 2px，
2px 0px洋红，
品红- 2px 0px，
品红0px - 2px，
-1.4px -1.4px洋红，
1.4px 1.4px洋红，
1.4px -1.4px洋红，
-1.4px 1.4px洋红；

实例uff1a
双影
CSS代码将内容复制到剪贴板。
文字阴影：00 2px 2px白，
2px 0 2px 5px # 222，
3px 0 3px 6px # 933，
5px 0 2px 14px # 222，
6px 0 5px 16px # 533；
背景颜色：# 222；
颜色：白色；

信出版社
文字阴影：0px 2px 3px # 555；
背景颜色：# 333；

彩虹
CSS代码将内容复制到剪贴板。
文字阴影：00 2px 3px黄，
00 2px 6px橙，
00 2px 9px红，
00 2px 12px石灰，
00 2px 15px蓝，
00 2px 18px紫罗兰；
3d
CSS代码将内容复制到剪贴板。
文字阴影：00 1px # 999，
888 # 1px 1px 1px，
2px 2px 1px # 777，
3px 3px 1px # 666，
4px 4px 1px # 555，
5px 5px 1px # 444；
背景颜色：# 333；
颜色：白色；

复古/复古
CSS代码将内容复制到剪贴板。
文字阴影：2px 2px # FFF，
3px 3px #666;

第一个字母只有影子
CSS代码将内容复制到剪贴板。
{。文本
文字阴影：0 0 5px；
}

正文：：第一个字母{
颜色：天青；
文字阴影：0 0 5px，0 0px 6px 3px蓝色，0 2px 6px 6px青色，0 4px 9px。
}