In some modules, it's possible to define different text transitions; these types of transitions/animations can be seen on the page when hovering over the relevant elements, being the transition between the normal and hover state.

 

Where can text transitions be applied?

 

Visualizing the transition effects

No transition

1__No_transition.gif

 

Ease in

A text with an ease-in transition will have the animation starting slowly and ending fast.

2__Ease_in.gif

 

Ease out

A text with an ease-out transition will have the animation start fast and ending slower.

3__Ease_out.gif

 

Ease in-out

A text with an ease-in-out transition will have an accelerated animated beginning and ending.

4__Ease_in_out.gif

 

Linear

A text with a linear transition will be gradually and equally animated as time passes.

5__Linear.gif

 

Transition types graphed 

6__Graph-visualization.jpg

Was this article helpful?
0 out of 0 found this helpful