Introduction

Motion design is a discipline that uses animation and visual effects to bring static elements to life.
You can add motion to web using videos, transitions and animations
Videos can deliver information in a very dynamic and effective way because they are a blend of visuals, audio, motion and story telling
Transitions are effects that gradually change the properties of an element from one state to another and used for simple from-to movements
Animations are similar to transitions but they allow for more complex and continuous motion
Motion has two main purposes: Informative and Aesthetic
Motion can be informative, it can show users how to interact with UI and what actions are available. It can even focus the user attention to something important.
Motion can be aesthetic and can be used to add personality and style to layout

References