Be careful of animating properties that change the dimensions of or position of objects on your page (also known as causing a reflow). These can be especially slow, depending on the browser.
- top
- left
- right
- bottom
- margin-*
Instead use the transform property and the translate(), translateX(), and translateY() function.