CSS文字阴影不透明度

时间:2017-06-07 12:27:54

标签: html css css3

我有以下css的一些文字:

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

如你所见,它有一个黑色阴影。

问题

是否可以使阴影不透明?

由于

2 个答案:

答案 0 :(得分: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);
}

答案 1 :(得分:1)

以RGBA(红色,绿色,蓝色,Alpha)

指定颜色

其中Alpha是不透明度(0 - 1)

类似的东西:

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

对于半透明的黑色阴影。