Text Transitions

In the Breadcrumb, Language Selector and Navigation Modules it is possible to define different text transitions; these type of transitions/animations can be seen on the page when hovering over the relevant elements, being the transition between the normal and hover state.


1. Where to find the Text Transition option?

1.1. On the Breadcrumb Module

You can find the text transition option when editing the Breadcrumb Module under the Global Styling tab. To find the option navigate to Global Styling > Module Design > Breadcrumb > Styling > Text; you will be able to find the Transition option there.


1.2. On the Language Selector Module

You can find the text transition option when editing the Language Selector Module under the Global Styling tab. To find the option navigate to Global Styling > Language Selector Settings > Styling > Text; you will find the Transition option there.


1.3. On the Navigation Module

You can find the text transition option when editing both the top level or sub level menu text on the Menu Settings under the Global Styling tab. To find the option navigate to Global Styling > Navigation Settings > Menu > Styling > Top Level Menu Text / Sub Level Menu Text; you will be able to find the Transition option there.


2. Transition Types

2.1. Ease-In

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


2.2. Ease-Out

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


2.3. Ease-In-Out

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


2.4. Linear

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

 

Anything we’ve not covered?

Contact Us