#CSS `paint-order` https://nerdy.dev/css-paint-order | Adam Argyle

Adam's posts Post Back to profile

#CSS `paint-order`

https://nerdy.dev/css-paint-order

2 examples shown with the text "Super CSS World". The first has no paint-order, and the stroke effect on the text overlaps the other strokes, in some cases making crowded grids that ruin the text legibility. The 2nd example has paint-order, and all the strokes are perfectly only outlined in the example, like we'd expect and creates a nice effect.

Like 26 April at 16:34 | Open on front-end.social

1 comment

@argyleink Oh snap. This makes `-webkit-text-stroke` actually usable! 🤯

26 April at 17:57 | Open on mastodon.social