https://github.com/720kb/checkbox.css

:ballot_box_with_check: Tiny set of pure CSS animations for your checkbox input. https://720kb.github.io/checkbox.css/
https://github.com/720kb/checkbox.css

animation checkbox css css-animations forms inputs

Last synced: about 1 month ago
JSON representation

:ballot_box_with_check: Tiny set of pure CSS animations for your checkbox input. https://720kb.github.io/checkbox.css/

• Host: GitHub
• URL: https://github.com/720kb/checkbox.css
• Owner: 720kb
• License: other
• Created: 2016-05-19T08:26:14.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-11-10T16:19:10.000Z (almost 7 years ago)
• Last Synced: 2024-07-07T10:07:52.637Z (2 months ago)
• Topics: animation, checkbox, css, css-animations, forms, inputs
• Language: JavaScript
• Homepage:
• Size: 120 KB
• Stars: 476
• Watchers: 14
• Forks: 33
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• Awesome-CSS-Resources - checkbox.css:

README

        








A tiny set of CSS3 animations meant for your checkbox inputs.





	... and for radio inputs check out radiobox.css





	

	... and for super powers check out checked.css

	


















Installation





Include the dist/css/checkbox.min.css in your html page





Include dist/css/yo.min.css instead, if you want to use only the Yo animation, for example.








Animations





Hey





Away





Inout





Rotate





Yo





Roll





Up





Down





Tv





Jump





Omg





Splash








Usage







<input type="checkbox" class="checkbox-splash"/>










Browsers Support





Depending on:





    2D Transform

 

 

 
   

    Keyframes








Demo





Here








Mantainers





720kb











License





(MIT) read LICENSE.md