Design Engineering Tip
by GabrielDesign Engineering Tip:
Visual cues reduce uncertainty.
Instead of making users guess why an action isn't available, communicate it through motion. A small shake instantly signals "not yet" without interrupting the flow.
css .locked:hover{ animation:shake .28s cubic-bezier(.22,1,.36,1); }