CSS Text Shadow Generator
Build a multi-layer CSS text-shadow — up to four layers of offset, blur, color and opacity — with a live preview on your own text, then copy the declaration, full CSS rule and HTML.
Authorizations
Bearer authentication header of the form Bearer <token>, where <token> is your auth token.
Body
Sample Text
Shadow Layers
1 <= x <= 4Font Size (px)
16 <= x <= 160Font
sans, serif, mono, display Font Weight
400, 700, 900 Text Color
Background Color
Horizontal Offset (px)
-50 <= x <= 50Vertical Offset (px)
-50 <= x <= 50Blur Radius (px)
0 <= x <= 60Shadow Color
Opacity (%)
0 <= x <= 100Horizontal Offset (px)
-50 <= x <= 50Vertical Offset (px)
-50 <= x <= 50Blur Radius (px)
0 <= x <= 60Shadow Color
Opacity (%)
0 <= x <= 100Horizontal Offset (px)
-50 <= x <= 50Vertical Offset (px)
-50 <= x <= 50Blur Radius (px)
0 <= x <= 60Shadow Color
Opacity (%)
0 <= x <= 100Horizontal Offset (px)
-50 <= x <= 50Vertical Offset (px)
-50 <= x <= 50Blur Radius (px)
0 <= x <= 60Shadow Color
Opacity (%)
0 <= x <= 100Response
Tool output
The tool's slug, echoing the {slug} in the request path.
Output-contract version for this tool.
Credits this call consumed, after any settlement refund. 0 when metering is disabled.
Credits left in the current monthly allowance, or null when metering is disabled.
Correlation id, also sent as x-request-id.