Good motion on a website is almost invisible. It tells the reader where to look next and then gets out of the way.

Three numbers I use

  • Duration between 0.5 and 0.8 seconds
  • Travel between 16 and 32 pixels
  • Stagger of about 80 milliseconds

Headings move first, then text, then buttons, then images. Nothing bounces and nothing spins.