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

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
Sep 2
Combining the content property with if() is pretty handy for conditionally displaying information. If an element spans one column or one row, don't show the "end" value
CSS by T. Afif
@ChallengesCss
Sep 1
Getting information from a simple grid is good, but what about a complex one where the items are randomly placed? 👀 css-tip.com/grid-informati… A fancy demo powered by Scroll-Driven Animations and more! All the values are calculated and displayed using only CSS.
1
CSS by T. Afif
@ChallengesCss
Sep 1
Yes, it's responsive. All the values are updated on screen/container resize!
00:00
CSS by T. Afif
@ChallengesCss
Sep 1
Getting information from a simple grid is good, but what about a complex one where the items are randomly placed? 👀 css-tip.com/grid-informati… A fancy demo powered by Scroll-Driven Animations and more! All the values are calculated and displayed using only CSS.
CSS by T. Afif
@ChallengesCss
Sep 1
Getting information from a simple grid is good, but what about a complex one where the items are randomly placed? 👀 css-tip.com/grid-informati… A fancy demo powered by Scroll-Driven Animations and more! All the values are calculated and displayed using only CSS.
CSS by T. Afif
@ChallengesCss
Aug 18
00:12
An interactive demo showing how all the values adjust in real time as the grid is resized. codepen.io/t_afif/full/vE… via @CodePen All the values are integers, so you can use counters to display them
CSS by T. Afif
@ChallengesCss
Aug 26
📝 New CSS Article! Do you want to know how I made that cool hover effect? Read my latest article 👇 blog.master.dev/hover-proximit… I am showing you what programming* with CSS looks like when you combine the modern features! *yes, I said the forbidden word
CSS by T. Afif
@ChallengesCss
Aug 19
A responsive CSS grid, some Scroll-Driven Animations, and a touch of magic. The perfect recipe for a cool CSS-only hover effect! 🤩 css-tip.com/hover-proximit… One fancy demo (among many) we can create using modern CSS.
00:00