The Google material design website explains transitioning as follows:
"Transitioning between two visual states should be smooth, appear effortless, and above all, provide clarity to the user, not confusion. A well-designed transition does the heavy lifting and enables the user to clearly understand where their attention should be focused. A transition has three categories of elements."
The three categories of elements are the incoming elements, outgoing elements, and shared elements.
A common transition to web apps is changing the main content view, for instance, using
ngInclude. Smartphones and devices with touchscreens provide a different interaction for the user. Taps and gestures are used instead of clicks. ...