Expand description
Utilities for controlling the text-shadow of a text element.
| Class | Properties | Preview |
|---|---|---|
| text-shadow-2xs | text-shadow: 0px 1px 0px rgb(0 0 0 / 0.15); | Lorem |
| text-shadow-xs | text-shadow: 0px 1px 1px rgb(0 0 0 / 0.2); | Lorem |
| text-shadow-sm | text-shadow: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075); | Lorem |
| text-shadow-md | text-shadow: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1); | Lorem |
| text-shadow-lg | text-shadow: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1); | Lorem |
| text-shadow-none | text-shadow: none; | Lorem |
ยงArbitrary values
Any <shadow> property is allowed as arbitrary value.
For example, text-shadow-[2px_1px_20px_2px_rgb(12_12_42)].