Have you ever needed the CSS paint-order property? Really handy when working with text-strokes! - ThreadSky

wesbos.com • 113 days ago

Have you ever needed the CSS paint-order property?

Really handy when working with text-strokes!

Comments

alvin.codes•105 days ago

I've actually used it last week to do text outlines for a book cover

herminiotorres.github.io•113 days ago

this is absolutely incredible

mbaziiraronald.bsky.social•112 days ago

Didn't know about it, Wes.

Thanks for sharing!

rikschennink.com•112 days ago

Impressive how the CSS properties are ordered (and _can_ be ordered) in such a way that the video feed doesn't cover them.

wesbos.com•112 days ago

Happy accident haha

techsavvytravvy.com•113 days ago

📌

nestor.rip•113 days ago

I think so! https://github.com/hacknug/tailwindcss-text-fill-stroke

g.litch.art•112 days ago

📌

duanemoody.qwiffer.com•113 days ago

Actual game changer

juand.dev•113 days ago

Gotta stop using Tailwind for a while, this looks great!

wesbos.com•113 days ago

You can do this in tailwind too

nestor.rip•113 days ago

Yeah, you can use my plugin for that (try the beta v2 though) https://github.com/hacknug/tailwindcss-text-fill-stroke

juand.dev•113 days ago

Ah will try it then, thanks!

nestor.rip•112 days ago

Let me know how that goes because I think it’s time for that one to go out of beta lol

studioromeo.co.uk•112 days ago

This is really cool but makes me wonder why it's not the default order, certainly more readable!

wesbos.com•112 days ago

I think its because the way that SVG strokes work - you often want them inside the path, or centered on the path

studioromeo.co.uk•112 days ago

Ack yea, makes sense, thanks 👍

abraham.so•112 days ago

Can’t wait for that style to come back it’s 🤌

francois.robichet.com•113 days ago

Bluesky really needs a bookmark feature 😩

martijnsenden.bsky.social•113 days ago

I was thinking just that when I read this post.

wesbos.com•113 days ago

agreed!

wrick17.com•113 days ago

Just reply with the pushpin emoji, it bookmarks it

wrick17.com•113 days ago

There would be a new pushpin tab on your homepage lists

iriepixel.com•113 days ago

📌

dangitalex.wtf•113 days ago

But.... What is the font?

pabloabc.dev•106 days ago

📌

traekwells.com•113 days ago

Damn this is awesome. Gotta love web development.

wrick17.com•113 days ago

📌

pecus.it•113 days ago

I used it for the exact same need (to stroke outlined text) and now I
wonder if there are other visual experiments that can come out from it. Very handy!

maikelkrause.bsky.social•111 days ago

📌

ia-go.bsky.social•92 days ago

🤯

Off topic: Should I play the video at 0.75x?

wesbos.com•92 days ago

Yes haha, I sped it up 33%

ia-go.bsky.social•92 days ago

😆 I started to think It was a bug on my phone.

Because of the video duration limit at Bluesky?

Posting Rules

Be respectful to others
No spam or self-promotion
Stay on topic
Follow Bluesky's terms of service

Comments

Posting Rules

Reply