FlipInput: Pure CSS 3D Flipping Checkboxes and Radios (Types)

Clean, stylish, and simple checkboxes and radio buttons that use 3D flip animations when checked.

Pure css. No Javascript needed! All you need is the included CSS! HTML included to provide implementation examples.

With 6 colors (default, red, green, blue, yellow, gray) and 2 different styles (default, invert) each you have 12 different theme possibilities, just by switching classes.

Included:
Flipinput.css (main CSS file for creating Pure CSS 3D Flipping Checkboxes and Radios)
Example HTML file
Example CSS file
Documentation

Not Included:
Roboto Font, OpenSans font

Update: fix transparent background bug, new live preview design

Leave a Reply

Your email address will not be published. Required fields are marked *