May 6, 2026
Stroke of genius or web crime?
Multi-stroke text effect in CSS
A cool retro text trick wowed designers, then the browser fighting started
TLDR: A designer found a clever way to create retro multi-outline text on web pages by stacking layers, but it’s slow and looks different depending on the browser. Commenters were split between admiring the hack, suggesting alternatives, and dunking on both browser quirks and the wider state of online discussion.
A designer figured out how to fake that chunky retro outlined text look by stacking lots of copies of the same letter in CSS, the styling language websites use. It’s clever, a little chaotic, and very much the kind of late-night experiment that makes the internet go, “Okay, that’s actually sick.” The catch? Even the creator admits it’s more of a fun demo than something you’d want on a serious site, because it can get slow and flickery when the text gets big.
And that’s where the comments turned into the real show. One camp was impressed-but-worried, basically saying, “Love the trick, hate that every browser seems to draw it differently.” Firefox got praise for looking smoother, while Chrome and Safari were cast as the rougher, messier siblings. Another commenter immediately tried to workshop the idea further with stacked shadows, which is classic internet energy: nice trick, but have you tried my trick?
Then came the spiciest detour. One user hijacked the thread to rant about vague bot comments, saying reading them feels like “a little bit of my life has been stolen” — honestly, a brutally relatable review of half the modern web. And the biggest fight-starter? A flat-out rejection of the whole project: stop trying to make CSS a drawing tool and just use SVG or images instead. Harsh! Still, not everyone came to brawl; one sweet aside simply praised the blog’s clean design, proving that even in nerd drama, someone is always redecorating.
Key Points
- •The article shows a CSS method for simulating a retro multi-stroke text effect by stacking multiple text layers with different stroke widths.
- •The technique relies on `-webkit-text-stroke-width` and `-webkit-text-stroke-color` values that increase and alternate across layers.
- •The author reports that Firefox renders the resulting outlines more smoothly than Chrome and Safari.
- •The article notes that placing multiple characters inline can cause their shapes to merge in this layered-outline approach.
- •The author concludes that the effect performs poorly, especially at larger font sizes, and is better suited to experiments or image generation than production use.