Realistic CSS Animations and the linear() Timing Function! 🍱

Realistic animations are now closer than ever with the new linear() CSS easing function.

Hi everybody - When it comes to creating realistic animations, a crucial element is the various accelerations and decelerations that make up the animation’s behavior:

We define these accelerations and decelerations in our web animations by defining what are known as timing (aka easing) functions. If you aren’t familiar with what these are, take a quick f…