Ghostline adds cursor motions to text in headings and paragraphs. Select some words and apply the Ghostline format. When a visitor scrolls, a fake cursor operates the text. When the visitor scrolls back, the motion plays in reverse.
https://youtu.be/XgIgxSXQCXU
Motions
- Move: The cursor drags tilted text into its position.
- Highlight: The cursor marks the text. A marker stroke stays on each line.
- Underline: The cursor draws a line below the text.
- Strike: The cursor draws a line through the text.
- Click: The cursor clicks the text. A ring spreads out.
- Type: A caret types the text, one character at a time.
- Circle: The cursor draws a ring around the text.
- Box: The cursor draws a box around the text.
- Replace: The cursor strikes out old text. Then the new text is typed.
Features
- Works in the core Heading, Paragraph, List, and Quote blocks.
- Options for each motion: type, theme color, delay, cursor style.
- Works with block themes and classic themes.
- Supports right-to-left languages.
Accessibility and performance
- The real text always stays on the page. Screen readers do not read the cursor or the decoration.
- With "reduce motion" on, the text shows its final state immediately.
- Without JavaScript, the text shows as normal text.
- The motions do not move the page layout.
- The script loads only on pages that use a motion. The main script is about 4 KB (gzip).
- The plugin does not collect data or connect to external services.
- Install and activate the plugin.
- In the block editor, select some text in a Heading, Paragraph, List, or Quote block.
- In the block toolbar, open More (the arrow) and click Ghostline.
- Set the options in the popover.
To change the options, put the cursor in the text and click
Ghostline again.