Springs and Bounces in Native CSS
Articles & Blogs

Springs and Bounces in Native CSS

Josh W. Comeau · Oct 28, 2025

<p>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. ✨</p> <div style="margin-top: 50px; font-style: italic;"> <strong><a href="https://www.joshwcomeau.com/animation/linear-timing-function/">Keep reading</a>.</strong> </div> <br /> <br />

Jump to
Projectsbrowse
Peoplebrowse
Companiesbrowse
Saved
Editor
Autosaves as you type