Module text_shadow

Module text_shadow 

Source
Expand description

Utilities for controlling the text-shadow of a text element.

Class Properties Preview
text-shadow-2xstext-shadow: 0px 1px 0px rgb(0 0 0 / 0.15);

Lorem

text-shadow-xstext-shadow: 0px 1px 1px rgb(0 0 0 / 0.2);
Lorem
text-shadow-smtext-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-mdtext-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-lgtext-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-nonetext-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)].

Tailwind reference