On hover, the button label erases character-by-character at 45ms intervals then retypes an alternate label at 55ms intervals. On mouse leave the process reverses back to the original text. A blinking cursor is shown throughout.
Create a button with a typewriter text swap effect on hover. On mouse enter: - Erase the current label character-by-character from the end at 45ms intervals - Once empty, retype an alternate label character-by-character at 55ms intervals On mouse leave: - Erase the alternate label and retype the original label the same way Show a blinking cursor character after the text at all times. Use setInterval + clearInterval. No library dependencies.
Paste into Claude, ChatGPT, or Cursor. Edit YOUR_STACK /
YOUR_STYLING / YOUR_CONSTRAINTS before sending.