The custom checkbox and radio buttons icons are animated with css scale and transition.

The code written for the Beautiful checkbox and radio buttons are easily customizable and the demo developed using Haml and SCSS. On click on check box the tick mark will be shown with animation and click again the same check box will hide the tick icon. Same with radio button but in radio button the cross icon will be shown. Find the demo below and download the code clicking the link.

See the Pen Radio & Checkbox by Timothy M. LeBlanc (@WhiteWolfWizard) on CodePen.

Code Developed by Timothy M. LeBlanc

  • Made with Html and SCSS
  • Created AUGUST 24, 2014
  • Updated MARCH 07, 2015
  • Open source