Fun with Animations

jQuery has a lot of built-in animations people can use that work well, but in case you want to make your own, here is a demonstration showing some different animations. In the following pen, you will see four blocks and each one moves differently if you click on them. From top to bottom, they move like this: linear, ease-out, ease-in, ease-in-ease-out. It uses just plain old Javascript and math.

Enjoy!

See the Pen Fun with Animations by Galastun (@galastun) on CodePen.