Css Text Shadow Opacity

I have some text with the following css: .text-description-header { font-size: 250%; color: white; text-shadow: 0 1px 0 black; } As you can see, it has a black shadow.

Solution 1:

Specify the color in RGBA (Red,Green,Blue,Alpha)

Where Alpha is the opacity (0 - 1)

Something like:

text-shadow: 01px0rgba(0,0,0,0.5);

For half transparent black shadow.

Solution 2:

Use of rgba(0,0,0,0.2); or hsla(0,0%,0%,0.2)

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