CSS3中p-tag上的双重文本阴影

Question

是否可以在CSS3上的一个p-tag上应用两个文本阴影？我想创建一个非常浅黑色的背景,边框为1像素.

像这样的东西:

text-shadow: 0 0 55px black; (very light black background to increase white text readabilitiy)
&
text-shadow: 0 1px 0 rgba(0,0,0, .25); (one pixel black drop shadow)

Answer 1

您可以使用逗号分隔阴影:

text-shadow: 0 0 55px black, 0 1px 0 rgba(0,0,0, .25);

演示小提琴

您可能需要查看有关MDN的这篇文章以获取更多信息.

text-shadow CSS属性为文本添加阴影.它接受以逗号分隔的阴影列表,以应用于元素的文本和文本装饰.

每个阴影都指定为文本的偏移量,以及可选的颜色和模糊半径值.从前到后应用多个阴影,第一个指定的阴影位于顶部.