Highlight Marker Effect
Text with an animated highlighter marker effect that draws across words.
Adjust the preview
Every choice updates the preview and the wording below.
Highlight Color
Height
Trigger
Speed
Your prompt
Highlighted values follow your choices — click one to write your own.
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.
Paste it into Claude, Cursor, or v0 along with the context for your project.