Realistic animations with CSS easing functions: Bouncing balls, pendulums and tossing books

CSS gives us a list of built-in easing functions for animations, but did you know that they mimic the movement of real world objects - like a bouncing ball or a pendulum? Under the hood, the timing-functions like ease-in or ease-in-out are just cubi...