Morphing Text Animation

Container Placement: The text will be perfectly centered regardless of the container's dimensions. For best results, add the attribute to a container with a defined width and height, like a Div or Section element.

BricksFusion Exclusive Get Your Morphing Text Effect

Add a captivating morphing text animation to your website with this custom-crafted JavaScript snippet.

Easy implementation with simple data attributes
Smooth liquid text transitions
Fully responsive and mobile-friendly
Customizable animation speed and styling

Text Content

Text Items

+ Add Text

Animation Settings

Morph Time 1.5s

Duration of the morphing animation between text items

Cooldown Time 0.5s

Wait time before starting the next animation

Text Style

Font Size 40px

Font Weight

Line Height 1.2

Text Color

Text Alignment

Documentation

GETTING STARTED

MENU ANIMATIONS

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

SURECART

BUTTONS

TRANSITION PAGES

How to Use in Bricks Builder

JavaScript Code