On click, a circular ink-blot radial gradient expands from the center of the button and fades out via a CSS keyframe animation. The effect is re-triggered on every click using the removeAttribute/offsetWidth/setAttribute pattern.
Create a button with an ink stamp effect on click. On click: - A circular span centered in the button expands from scale 0 to ~2.2 and fades out via a CSS keyframe animation - Use a radial-gradient (indigo/violet) to mimic an ink blot - Re-trigger on every click using removeAttribute → offsetWidth → setAttribute pattern - No library dependencies; pure CSS animation + React ref Accessibility: disable animation under prefers-reduced-motion.
Paste into Claude, ChatGPT, or Cursor. Edit YOUR_STACK /
YOUR_STYLING / YOUR_CONSTRAINTS before sending.