CSS by T. Afif (@ChallengesCss) / X

CSS by T. Afif

6,086 posts

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

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
5h
The same trick using border-image
CSS by T. Afif
@ChallengesCss
Aug 5
💡 CSS Tip! Save this code for the future. It's another way to create that famous breakout effect. A strange code, right? Learn how it works 👇 css-tip.com/breakout-backg… Until better support for border-shape, you will find another way using border-image.
CSS by T. Afif
@ChallengesCss
Aug 5
💡 CSS Tip! Save this code for the future. It's another way to create that famous breakout effect. A strange code, right? Learn how it works 👇 css-tip.com/breakout-backg… Until better support for border-shape, you will find another way using border-image.
CSS by T. Afif
@ChallengesCss
Aug 3
📝 New CSS Article! You know the <img> element, right? It's one of the most-used elements, and yet it hides a secret. 🤫 What kind of secret? Read my latest article to know about it (You will be surprised!)
Something Nobody Told You About The Image Element (It Can Overflow!)
From master.dev
CSS by T. Afif
@ChallengesCss
Jul 29
💡 CSS Tip! After corner-shape, shape(), and border-shape, another feature is available to play with: rounding polygons. css-tip.com/rounded-shapes/ You create a polygon, add a radius value at the beginning, and you have a shape with rounded corners!