2017-06-07 14 views
-4

CSSテキストシャドウの不透明度

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

あなたが見ることができるように、それは黒い影があります。

質問

は、それが影を不透明にすることは可能ですか?

おかげ

+0

この質問は以前の質問です - https://stackoverflow.com/questions/11549757/text-shadow-opacity –

+3

黒ではなく、 'rgba(0、0、0、0.5)'の代わりに - 最後の数字は不透明度 –

+0

私はまた、特に半透明の色のために、より良い色の効果のためにrgbaの色の組み合わせをお勧めします – Bragadeeswaran

答えて

1

アルファは不透明( - 1,0)である

RGBA(赤、緑、青、アルファ)で色を指定します

ような何か:半透明の黒い影については

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

+0

*** RGBA(赤、青、グリー、アルファ)で色を指定してください***修正が必要、赤緑青アルファ –

+0

ありがとうございます – Richard

+0

ありがとう@AbhishekPandey –

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

+0

あなたは大歓迎です! – Ehsan