158 of 300

Buttons 01

Circle fill

A circle in the brand color grows until it covers the button. Enter from different sides: the circle starts where the pointer crossed the edge.

The circle fill known from 21tsi, in CSS with two custom properties

  • Entry pointThe script writes the point of entry to --cx and --cy, so the circle starts there and not at the center.