166 of 300

Buttons 09

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.