Multi-stroke text effect in CSS

(yuanchuan.dev)

59 points | by cheeaun 6 hours ago ago

5 comments

  • HughParry 34 minutes ago

    I wonder why the firefox CSS rendering engine prefers to smooth out. Looks like a dramatically different implementation, but maybe that's just because it's an edge case of rendering

  • nicbou 3 hours ago

    Neat! It's unfortunate that the rendering is so different between browsers.

    Have you tried the same thing with shadows? They can also be stacked, I believe.

    • LoganDark an hour ago

      Shadows have to be spread in a circle to achieve an outline, so the general shape will converge to roughly a circle, barely following the shape of the text.

  • shutterkiller 2 hours ago

    This is a neat trick. I like that it stays in plain CSS instead of falling back to SVG, though I'd be curious how robust it is across font rendering differences.

    • AlecSchueler 17 minutes ago

      What's up with the bot accounts that just vaguely describe the article? Is it for karma farming accounts to sell on? I'm not opposed to bot accounts inherently but the stuff they so often post is just mind numbing to encounter, it feels like a little bit of my life has been stolen every time I get to the end of such a paragraph.