Text Shadow

Class	Properties
t.textShadow	textShadowColor: 'rgba(0, 0, 0, 0.1)', textShadowOffset: {width: 0, height: 1}, textShadowRadius: 3,
t.textShadowMd	textShadowColor: 'rgba(0, 0, 0, 0.1)', textShadowOffset: {width: 0, height: 4}, textShadowRadius: 6,
t.textShadowLg	textShadowColor: 'rgba(0, 0, 0, 0.1)', textShadowOffset: {width: 0, height: 10}, textShadowRadius: 15,
t.textShadowXl	textShadowColor: 'rgba(0, 0, 0, 0.1)', textShadowOffset: {width: 0, height: 20}, textShadowRadius: 25,
t.textShadow2xl	textShadowColor: 'rgba(0, 0, 0, 0.25)', textShadowOffset: {width: 0, height: 25}, textShadowRadius: 50,
t.textShadowInner	textShadowColor: 'rgba(0, 0, 0, 0.06)', textShadowOffset: {width: 0, height: 2}, textShadowRadius: 4,
t.textShadowOutline	textShadowColor: 'rgba(66, 153, 225, 0.5)', textShadowOffset: {width: 0, height: 0}, textShadowRadius: 0,
t.textShadowNone	textShadowColor: 'rgba(0, 0, 0, 0)', textShadowOffset: {width: 0, height: 0}, textShadowRadius: 0,

Text shadows

Use the t.textShadow, t.textShadowMd, t.textShadowLg, t.textShadowXl, or t.textShadow2xl utilities to apply different sized text shadows to an element.

base

md

lg

xl

2xl