Experiment 001
Gerak that can be interrupted
Press Open, then Close before the panel finishes moving. Compare the behavior in each lane.
Durasi 300 ms
A · Keyframes
Each direction has its own @keyframes sequence that always starts from an endpoint.
B · Kunci input
Transition, but input is ignored until the animation finishes.
C · Transition
CSS transition; the new direction begins at the current position.
Instrumentt
Open all three panels, then reverse them twice: once at half-open and once at 50% of the duration. Position is recorded every frame.