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

Tiny set of pure CSS animations that applies to checked elements. The power of checkbox.css + radiobox.css https://720kb.github.io/checked.css
https://github.com/720kb/checked.css

animation checkbox css css-animations radiobox

Last synced: 9 days ago
JSON representation

Tiny set of pure CSS animations that applies to checked elements. The power of checkbox.css + radiobox.css https://720kb.github.io/checked.css

• Host: GitHub
• URL: https://github.com/720kb/checked.css
• Owner: 720kb
• License: other
• Created: 2016-09-10T10:38:28.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-23T09:30:07.000Z (over 7 years ago)
• Last Synced: 2024-10-16T12:06:41.840Z (30 days ago)
• Topics: animation, checkbox, css, css-animations, radiobox
• Language: CSS
• Homepage:
• Size: 79.1 KB
• Stars: 38
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        








Tiny set of pure CSS animations that applies to :checked elements.





	... THE POWER of  Radiobox.css + Checkbox.css all in one


















Installation





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





Include dist/css/boing/boing.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





Boing





Pump





Hooray





Ufo





Scatman





Vertigo





Flash





Return





Boom





Wheel





Focus





Tremolo








Usage







<input type="checkbox" class="checked-boing"/>








<input type="radio" class="checked-boing"/>










Browsers Support





Depending on:





    2D Transform

 

 

 
   

    Keyframes








Demo





Here








Mantainers





720kb











License





(MIT) read LICENSE.md