Get the latest tech news

Springs and bounces in native CSS


The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. I’ve been experimenting with this API for a while now, and in this post, I’ll share all of the tips and tricks I’ve learned for using it effectively. ✨

None

Get the Android app

Or read this on Hacker News

Read more on:

Photo of css

css

Photo of springs

springs

Photo of bounces

bounces

Related news:

News photo

Feed me up, Scotty – custom RSS feed generation using CSS selectors

News photo

The least amount of CSS for a decent looking site (2023)

News photo

Visual loading states for Turbo Frames with CSS only