CSS by T. Afif

@ChallengesCss

💡 css-tip.com 🧩 css-shape.com 💫 css-loaders.com 📝 css-articles.com ⚙️ css-generators.com 🏆 css-challenges.com 🎨 css-pattern.com 🎨 css-only.art

💰 Support Me ⮕

support.temani-afif.com

Joined April 2021

123 Following

13.9K Followers

Pinned
CSS by T. Afif
@ChallengesCss
Apr 15, 2025
If you don't know, my CSS Tip website is open to advertisers. Don't miss the opportunity to promote your product and support my work! Reach a wide audience of passionate web developers (~14.000 active users per month) starting from 150$/month.
Advertise with CSS Tip
From css-tip.com
CSS by T. Afif
@ChallengesCss
Nov 13
With some animation
CSS by T. Afif
@ChallengesCss
Nov 13
00:12
Confetti buttons using random() 🎊🎉 css-tip.com/confetti-butto… Full confetti or partial confetti? Pick your favorite 👇
CSS by T. Afif
@ChallengesCss
Nov 13
Confetti buttons using random() 🎊🎉 css-tip.com/confetti-butto… Full confetti or partial confetti? Pick your favorite 👇
CSS by T. Afif
@ChallengesCss
Nov 11
📝 New CSS article! See the below graphs/connections? They are all made using pure CSS. They combine two features: anchor positioning & border-shape. I wrote 3 articles detailing all the tricks, and the last one is live: blog.master.dev/creating-diagr…
1
CSS by T. Afif
@ChallengesCss
Nov 6
It looks like the solution is to use a spring connector. This one is robust; you cannot break it! 🦾 css-tip.com/spring-connect…
CSS by T. Afif
@ChallengesCss
Nov 2
00:09
Bending and stretching a line is good, but let's try something more mechanical: a foldable Zig-Zag connector. css-tip.com/zig-zag-connec… Be careful, it's not as robust as a stretchy line, so don't ... too late, it's broken now 😣 A CSS-only low-quality connector 🫠

CSS by T. Afif

CSS by T. Afif’s posts