If you like custom css inputs (checkboxes & radio buttons) check out the index.html
file to understand the simplicity of usage. All you need to do is only extra class added to your <form>
tag. Choose pattern you like and have fun!
css-input
css-input
withsame-line
css-input
withtype-1
css-input
withcolor-1
css-input
withanim-1
oranim-2
oranim-3
<form class="css-input type-1 anim-1">
<input id="input-1" type="checkbox"/>
<label for="input-1">Example label for css-input</label>
<input id="input-2" type="radio"/>
<label for="input-2">Example label for css-input</label>
</form>
- install nodejs (https://nodejs.org)
- install gulp
npm install -g gulp
- install node dependencies
npm install
- single compilation for source files
gulp
(now you have distribution files indist
folder) - files watcher for development
gulp watch
This version works only on chrome (so far)