what are transitions
A transition is the simplest form of CSS3 animation; it defines an effect which is triggered between two states. A transition requires a starting point (the initial state) and an ending point (the active state).