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.





