2017-09-24 68 views
4

在我的地盤我有一個冠軍,這個文字陰影:文字陰影反應本土

h1.title { 
 
text-shadow: -1px 1px 10px rgba(0, 0, 0, 0.75) 
 
}
<h1 class="title">title</h1>

我想這樣做在我的反應本機應用程序。

我見過的特性:

textShadowColor color 
textShadowOffset {width: number, height: number} 
textShadowRadius number 

但我不知道如何有HTML同樣的效果。

我該怎麼辦?

回答

10

CSS text-shadow具有下面的語法,

文字陰影:H-陰影V-影子模糊半徑顏色|無|初始|繼承;

要實現你提供,你可以使用類似這樣的CSS類似的效果,

// text-shadow: -1px 1px 10px rgba(0, 0, 0, 0.75) 

{ 
    textShadowColor: 'rgba(0, 0, 0, 0.75)', 
    textShadowOffset: {width: -1, height: 1}, 
    textShadowRadius: 10 
}