如何在css中对文本应用文本阴影？

vfh0ocws 于 2023-08-09 发布在其他

关注(0)|答案(2)|浏览(105)

.text-shadow {
  text-shadow: 8px 12px 0px 0px rgba(0, 0, 0, 0.5);
}

个字符
它不显示阴影，也不适用于类
enter image description here
这是浏览器的响应
有人能帮我解决这个问题，所以阴影的工作
我也试过使用filter：投影，但它也不工作，但其他过滤器，如模糊工作

2条答案

您的text-shadow不正确。
Text-shadow不接受5个选项。
您应该应用2px 2px rgba(0, 0, 0, 0.5)或2px 2px 2px rgba(0, 0, 0, 0.5)。
：偏移-X|偏移y|模糊半径|颜色，色彩

.text-shadow {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

个字符

text-shadow的属性值无效。
此属性指定为阴影的逗号分隔列表。
每个阴影被指定为两个或三个“长度”值，后面可选地跟随“颜色”值。前两个“长度”值是“偏移-X”和“偏移-y”值。第三个可选的“长度”值是“模糊半径”。'color'值是阴影的颜色。
我猜你不想模糊，所以删除两个0 px值。

.text-shadow{
    text-shadow: 8px 12px rgba(0, 0, 0, 0.5);
}

个字符