Interop 2026 is formally a thing. So, you know all of those wild, new CSS features we’re always poking at but always putting under a “lack of browser support” caveat? The Big Three — Blink (Chrome/...

If you’re following along, this is the third post in a series about the new CSS shape() function. We’ve learned how to draw lines and arcs and, in this third part, I will introduce the curve comman...

Ready for the second part? We are still exploring the shape() function, and more precisely, the arc command. I hope you took the time to digest [the first part](https://css-tricks.com/better-css-sh...

Creating CSS Shapes is a classic and one of my favorite exercise. Indeed, I have [one of the biggest collections of CSS Shapes](https://css-shape.com/) from where you can easily copy the code of an...

[In the last article](https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/), we created a CSS-only star rating component using the CSS mask and border-image properties, as well ...

Creating a star rating component is a classic exercise in web development. It has been [done](https://css-tricks.com/star-ratings/) and [re-done](https://css-tricks.com/five-methods-for-five-star-r...

CSS gradients have been so long that there’s no need to rehash [what they are and how to use them](https://css-tricks.com/a-complete-guide-to-css-gradients/). You have surely encountered them at so...