Back to Pack GalleryMotion Pack 03 · Feedback
Copy share link
Copy success is confirmed through the action and a light, temporary cue.
Share prototype
Anyone with the link can view.
motion.run/p/quiet
Build copy-link feedback: copy the link on click, morph the link icon to a check, show a short nearby cue, and restore naturally after about 1.6 seconds. Keep the button width stable.
Motion rules
A short cue confirms the result, then returns the control to copy-ready.
Reduced motion
Keep text and color changes; let the cue appear and leave directly.
Implementation
Copy HTML, CSS, and the JavaScript required for behavior together.