Improved Toggle Button

A stylish, animated CSS-only toggle button with a smooth checkmark effect.

Usage

Include the HTML and CSS in your project. The hidden checkbox controls the toggle state, and the label displays the animated button.

<input type="checkbox" id="_checkbox" />
<label for="_checkbox">
  <div id="tick_mark"></div>
</label>

Demo

If the hosted demo is not available, see the interactive preview below:

License

MIT © nor1vin