CSS 文字阴影不透明度

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/11549757/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-30 04:32:26  来源:igfitidea点击:

Text shadow opacity

opacitycss

提问by Francesca

Is it possible to adjust the opacity of just the text shadow, rather than the text itself as well?

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

E.g I have purple text with a blue shadow. I'd like to make the blue shadow have an opacity without losing anything on the purple.

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

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

回答by Grzegorz Kaczan

Yes, but specify color in rgba mode to add alpha transparency.

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

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