A flipping text effect swaps one word or phrase in a heading for the next, in the same spot, while the rest of the sentence stays still.
You can build it with Style 2 of the Heading Animation widget in The Plus Addons for Elementor.
To check the complete feature overview documentation of The Plus Addons for Elementor Heading Animation widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Free — every Content and Style option of Heading Animation is in the free The Plus Addons for Elementor plugin. Pro only adds its general Advanced-tab extensions, which are not part of this widget.
- Widget to enable: Heading Animation, switched on under The Plus Addons > Widgets. Search for the widget name there and turn its toggle on.
Add the Flipping Effect
- Drag the Heading Animation widget onto the page.
- In the Text Animation section, set Animation Style to Style 2, the second picture tile in the top row.
- In Prefix Text, type the fixed words before the flipping text.
- In Animated Text, type each phrase on its own line.
- In Postfix Text, type the fixed words after it, then update the page.
What You See
On the page, one phrase shows at a time. The current phrase fades out and the next one appears in its place.
Tips
- Style the flipping words under Style > Animated Text: Font Color, Typography and Animation Background Color.
