CTA Cursor Click

Overview

Camera punches the button. A pointer flies in screen-space (outside the zoom). Squeeze, ripple, button scale/flash.

Build

1. 01

   Optional panel in.

2. 02

   Camera zoom to button center.

3. 03

   Cursor from offscreen to target.

4. 04

   Press + ripple + flash.

.cursor { animation: cursor-move, cursor-squeeze }
.btn { animation: btn-scale, btn-bg, ripple }