The Line Hover Widget adds a sleek underline animation to your text and links, enhancing interactivity and giving your site a polished, professional look.

BlockNote image

Content Options

image.png

Link to

Set your text to open a custom link on click for added engagement.

image.png

Content

Text

Enter the text you'd like to animate.

Typography

Customize font family, size, weight, line height, letter spacing, and more to match your page style.

Background Color

Apply a background color to your text for extra emphasis or contrast.

Border

Add borders around the text block and style them with color, thickness, and radius options.

Margin

Set outer spacing around the text using individual controls for: Top, Right, Bottom, Left

Padding

Set inner spacing within the text container for better layout control: Top, Right, Bottom, Left

image.png

Animation Settings

Animation

Choose from a variety of line animation styles such as Metis, Lebe, Ersa, and more to match your design aesthetic.

Line Color

Set the color of the animated line to align with your brand or theme.