CSS 文本阴影不透明度 [重复]

CSS Text Shadow Opacity [duplicate]

提问人：Richard 提问时间：6/7/2017 更新时间：6/7/2017 访问量：2255

问：

这个问题在这里已经有答案了：
文本阴影不透明度 （2 个答案）
6年前关闭。

我有一些带有以下css的文本：

.text-description-header {
    font-size: 250%;
    color: white;
    text-shadow: 0 1px 0 black;
}

正如你所看到的，它有一个黑色的阴影。

问题

是否可以使阴影不透明？

谢谢

HTML CSS格式

评论

0赞 Sensoray 6/7/2017
这个问题以前有人问过——stackoverflow.com/questions/11549757/text-shadow-opacity
3赞 Ori Drori 6/7/2017
而不是黑色使用 - 最后一个数字是不透明度。rgba(0, 0, 0, 0.5)
0赞 Bragadeeswaran 6/7/2017
我还重新评论了RGBA颜色组合以获得更好的颜色效果，特别是对于半透明颜色

答：

1赞 Ehsan 6/7/2017 #1

rgba（0,0,0,0.2）用途;或者 hsla（0,0%，0%，0.2）

 .text-description-header {
        font-size: 250%;
        color: white;
        text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

评论

0赞 Richard 6/7/2017
坦克你工作
0赞 Ehsan 6/7/2017
不客气！
1赞 Jones Joseph 6/7/2017 #2

以RGBA格式指定颜色（红、绿、蓝、Alpha）

其中 Alpha 是不透明度 （0 - 1）

像这样：

text-shadow: 0 1px 0 rgba(0,0,0,0.5);

对于半透明的黑影。

评论

0赞 Abhishek Pandey 6/7/2017
在RGBA中指定颜色（红色，蓝色，Gree，Alpha）需要修正，红绿蓝阿尔法
0赞 Jones Joseph 6/7/2017
谢谢@AbhishekPandey

上一个：XCode 版本名称可以包含字母吗

下一个：在 Ubuntu 上全新安装 Apache2