Why and when we need animation? Animation in web pages are required to make the user alert about the change of state or to alert them about the important information in the page. The purpose of animation can be explained through five purpose: 1. Orientation – Orientation when user going through the long steps of single process, for example, filling the multiple step form, it is developers duty to educate them where they are and they are still in the same process. Animating when user moves from one step to another step will be useful. 2. Functional Change – This is when user closes a window or toggle between the one state to another state. For example: Toggling radio button or Hamburger menu. 3. New element – When the new element is introduced to the page with an existing element. Here animation can be used, to show where the element fits. Example: Modal windows. 4. Highlight – When the web pages has to much of information with in and you want the user to hi