Temani Afif

Let’s suppose you have N elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items!

The shape() function's close and move commands may not be ones you reach for often, but are incredibly useful for certain shapes.

This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look specifically at the curve command and how to use it for drawing complex shapes.

This is the second part of a series that dives deep into the CSS shape() command, continuing with a more detailed look at the arc command.

This is the first part of a series that dives deep into the shape function, starting with shapes that use lines and arcs.

In this second article of a two-part series, Temani Afif demonstrates an alternative approach to creating the star rating component from the first article using experimental scroll-driven animations rather than using the border-image property.

In this article, you'll learn how to make a full-on star rating component out of nothing but a single input element and vanilla CSS.

Anchor positioning can be great for little interactive effects — as Temani Afif shows off with this clever idea for a menu hover.

CSS gradients have been so long that there’s no need to rehash what they are and how to use them. You have surely encountered them at some point in your front-end journey, and if you follow me, you also …