текстовая тень в

на моем сайте у меня есть заголовок с этим теневым текстом:

h1.title {
 text-shadow: -1px 1px 10px rgba(0, 0, 0, 0.75)
 }

<h1 class="title">title</h1>

Ответы

Ответ 1

CSS text-shadow имеет следующий синтаксис,

text-shadow: h-shadow v-shadow blur-radius color | none | initial | inherit;

Чтобы добиться аналогичного эффекта с помощью 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
}

Ответ 2

Я попробовал ответить sir bennygenel, и это сработало. Я использовал его что-то вроде этого...

<View>
    <Text style={styles.textWithShadow}>Hello world</Text>
</View>

.....

const styles = StyleSheet.create({
     textWithShadow:{
         textShadowColor: 'rgba(0, 0, 0, 0.75)',
         textShadowOffset: {width: -1, height: 1},
         textShadowRadius: 10
     }
});