Highlight Marker Effect

TypographyLive Preview

Text with an animated highlighter marker effect that draws across words.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Highlight Color

Height

Trigger

Speed

Your Prompt

abcclick to edit

Create a text highlight effect where key words get a warm yellow marker highlight that animates from left to right. The highlight height is 50% (half overlay) of the text line. The animation triggers when scrolled into view with 0.6s duration. Use a CSS background or pseudo-element with scaleX animation.