文本阴影不透明度

Question

是否可以只调整文本阴影的不透明度，而不是调整文本本身？

例如，我有带蓝色阴影的紫色文本。我想让蓝色的阴影有一个不透明度，而不会在紫色上失去任何东西。

h1.blue {text-shadow: 3px 3px 0px #3f6ba9;}

Answer 1

是，但在rgba模式下指定颜色以添加alpha透明度。

h1.blue {text-shadow: 3px 3px 0px rgba(63,107,169, 0.5)} //half of transparency

Answer 2

为任何想要使用HEX代码而不是RGB:的人添加答案

h1.blue {text-shadow: 3px 3px 0px #3f6ba980;}

上述HEX代码中的最后2个字符的不透明度设置为50%。有关其他不透明度值，请参阅此处链接的不透明度十六进制图。或者，如果您使用的是VScode，则可以使用其内置的颜色选择器来调整不透明度。