Directional fill
The fill comes in from the edge the pointer arrived at, and leaves toward the edge it left by. Try all four sides.
A CSS translate, with the edge worked out from the pointer
- Which edgeThe script compares the pointer position with the center of the button on entry and on exit, and places the fill outside that edge before it moves.
- Group
- Buttons 09 of 14
- Theme
- Light and dark
- Live pointer
- 6 steps, until you take over