Text

Text Shadow

Style syntax for adding shadows to text.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
text-shadow:offset-x|offset-y|blur-radius|color,…text-shadow: offset-x offset-y blur-radius color, …
text-shadow:color|offset-x|offset-y|blur-radiustext-shadow: color offset-x offset-y blur-radius
text-shadow:offset-x|offset-y|colortext-shadow: offset-x offset-y color
text-shadow:color|offset-x|offset-ytext-shadow: color offset-x offset-y
text-shadow:offset-x|offset-ytext-shadow: offset-x offset-y

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="text-shadow:1|2|3|blue:hover text-shadow:1|2|3|blue@sm text-shadow:1|2|3|blue@dark text-shadow:1|2|3|blue@print">…</div>
PREVIOUS
Text Rendering

Style syntax for setting what to optimize when rendering text.

NEXT
Text Size

Style utility for setting the font size with a golden-ratio line height.

MIT License Ā© Aoyue Design LLC.