text-shadow#

#Introduction

The text-shadow CSS property adds shadows to text.

#Examples

css-apisrc/text-shadow/App.tsx

Preview

#Syntax

/* offset-x | offset-y | blur-radius | color */
text-shadow: 1px 1px 2px black;

/* color | offset-x | offset-y | blur-radius */
text-shadow: #fc0 1px 0 10px;

/* offset-x | offset-y | color */
text-shadow: 5px 5px #558abb;

/* color | offset-x | offset-y */
text-shadow: white 2px 5px;

/* offset-x | offset-y
/* Use defaults for color and blur-radius */
text-shadow: 5px 10px;

#Formal definition

#Formal Syntax

none | [ <length>{3} <color> ]

#Differences from Web

• Only support one shadow layer.

• For now both offset-x,offset-y,blur-radius and color are mandatory. And color must be the last value.

#Notes

• In some old version Android platform, text-shadow may not be rendered when blur-radius is 0.

#Compatibility