2017-09-24 146 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 
}