CSS Text Stroke Generator — Free Online Tool

Add outlined text with -webkit-text-stroke and live preview. CSS Text Stroke Generator is a free online tool from the ToolsRift CSS Generators collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.

Loading CSS Text Stroke Generator…

How to use CSS Text Stroke Generator

  1. Open the CSS Text Stroke Generator above — it loads instantly, no account needed.
  2. Enter or upload your input. Everything is processed locally on your device.
  3. Get your result immediately and copy or download it with one click.

Frequently asked questions

What is -webkit-text-stroke?

A property that draws an outline around each glyph. Set the fill color to transparent for fully hollow text.

Is text-stroke supported everywhere?

-webkit-text-stroke works in all modern browsers. The un-prefixed text-stroke is included for forward compatibility.

How do I make hollow outlined text?

Set a stroke width and color, then set the text color (fill) to transparent.

More CSS Generators

CSS Outline Generator
Generate outline width, style, color and offset with preview
CSS Backdrop Filter Generator
Build backdrop-filter blur, brightness and saturation effects
CSS Blend Mode Generator
Preview all mix-blend-mode values on overlapping shapes
CSS Mask Fade Generator
Fade element edges with mask-image linear gradients
CSS 3D Perspective Generator
Rotate elements in 3D space with perspective and live preview
CSS Aspect Ratio Generator
Get aspect-ratio plus the padding-hack fallback for any ratio

← View all CSS Generators