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

14K Followers

Replies Reposts Media

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
Oct 7
💡 CSS Tip! Another cool shape that works well with random(): wavy dividers! css-tip.com/random-wavy-sh… Each visitor gets their own wavy shape for a unique experience.
00:00
CSS by T. Afif
@ChallengesCss
Sep 22
00:20
💡CSS Tip! Creating CSS Shapes is one of my favorite tasks, and now I can do something even better: Random CSS Shapes! Let's start with Blobs. css-tip.com/random-blob/ You never see the same shape twice. A unique shape for a unique experience! 👀
1
CSS by T. Afif
@ChallengesCss
Oct 5
📝 New CSS Article! With Scroll-Driven Animations, you can transfer a value from one element to another anywhere on the page. I am using it to implement children-count(). Strange? Confusing? What the heck am I talking about?! Read my latest article 👇
Transferring sibling-count() to a Parent Element
From blog.master.dev
CSS by T. Afif
@ChallengesCss
Sep 29
💡 CSS Tip! Want to know how many children your container has? We don't have children-count() yet, but we can implement it using modern CSS! css-tip.com/children-count/ A hacky experiment powered by Scroll-Driven Animations. How would you use it? Share your use cases 👇
2
CSS by T. Afif
@ChallengesCss
Sep 22
💡CSS Tip! Creating CSS Shapes is one of my favorite tasks, and now I can do something even better: Random CSS Shapes! Let's start with Blobs. css-tip.com/random-blob/ You never see the same shape twice. A unique shape for a unique experience! 👀
00:00
1