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

:radio_button: Tiny set of pure CSS animations for your radio inputs. https://720kb.github.io/radiobox.css/
https://github.com/720kb/radiobox.css

animation css css-animations radio radio-inputs radiobox

Last synced: about 1 month ago
JSON representation

:radio_button: Tiny set of pure CSS animations for your radio inputs. https://720kb.github.io/radiobox.css/

• Host: GitHub
• URL: https://github.com/720kb/radiobox.css
• Owner: 720kb
• License: other
• Created: 2016-09-09T08:11:24.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-11-10T14:52:56.000Z (over 6 years ago)
• Last Synced: 2024-04-22T03:35:01.843Z (about 2 months ago)
• Topics: animation, css, css-animations, radio, radio-inputs, radiobox
• Language: CSS
• Homepage:
• Size: 67.4 KB
• Stars: 699
• Watchers: 14
• Forks: 44
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Lists

• Awesome-CSS-Resources - radiobox.css:
• awesome-css-only - Radiobox.css - A complete puzzle developed exclusively in HTML & CSS :jigsaw:. (Uncategorized / Uncategorized)
• docsify-awesome-stars - 720kb/radiobox.css - :radio_button: Tiny set of pure CSS animations for your radio inputs. https://720kb.github.io/radiobox.css/ (CSS)
• awesome-stars - 720kb/radiobox.css - `★699` :radio_button: Tiny set of pure CSS animations for your radio inputs. https://720kb.github.io/radiobox.css/ (CSS)

README

        








A tiny set of CSS3 animations designed for your radio inputs.







	

	... and for checkbox inputs check out checkbox.css

	

	

	


	

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

	


















Installation





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





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








Animations





Boing





Pump





Hooray





Ufo





Scatman





Vertigo





Flash





Return





Boom





Wheel





Focus





Tremolo





Ping








Usage







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










Browsers Support





Depending on:





    2D Transform

 

 

 
   

    Keyframes








Demo





Here








Mantainers





720kb











License





(MIT) read LICENSE.md