Creating CSS Spring Animations With The Linear Easing Function

This site does not allow itself to be embedded. You can still read it on the original site — the toolbar below keeps your place in the directory.

While developing FilePond I wanted to run a CSS powered spring animation, but the CSS API didn’t support it natively. So I built this tiny tool to generate linear easing functions that simulate spring animations in CSS. The app below uses a Svelte spring to animate a transition from 0 to 1 , it then records the spring steps and converts them to a linear() CSS transition. As a bonus it also creates…

Read on pqina.nl ↗