Showing posts with label HTML Checkbox. Show all posts
Showing posts with label HTML Checkbox. Show all posts

2015-11-13

Checks Effect

<div class="kas-checks-slideOne">
<input type="checkbox" name="Status1" class="" id="slide1" checked="checked">
<label for="slide1"></label>
</div>
<div class="kas-checks-slideTwo bg">
<input type="checkbox" name="Status2" class="" id="slide2" checked="checked">
<label for="slide2"></label>
</div>
<div class="kas-checks-slideThree bg">
<input type="checkbox" name="Status3" class="" id="slide3">
<label for="slide3"></label>
</div>
<div class="kas-checks-slideFour bg-dr-gray">
<input type="checkbox" name="Status9" class="" id="slide9">
<label for="slide9"></label>
</div>
<div class="kas-checks-slideFive bg-dr-gray">
<input type="checkbox" name="Status10" class="" id="slide10" checked="checked">
<label for="slide10"></label>
</div>
<div class="kas-checks-slideSix bg-lg-gray">
<input type="checkbox" name="Status11" class="" id="slide11" checked="checked">
<label for="slide11"></label>
</div>
<div class="kas-checks-roundedOne">
<input type="checkbox" name="Status4" class="" id="slide4" checked="checked">
<label for="slide4"></label>
</div>
<div class="kas-checks-roundedTwo">
<input type="checkbox" name="Status5" class="" id="slide5" checked="checked">
<label for="slide5"></label>
</div>
<div class="kas-checks-roundedThree">
<input type="checkbox" name="Status12" class="" id="slide12" checked="checked">
<label for="slide12"></label>
</div>
<div class="kas-checks-squaredOne">
<input type="checkbox" name="Status6" class="" id="slide6" checked="checked">
<label for="slide6"></label>
</div>
<div class="kas-checks-squaredTwo">
<input type="checkbox" name="Status7" class="" id="slide7" checked="checked">
<label for="slide7"></label>
</div>
<div class="kas-checks-squaredThree">
<input type="checkbox" name="Status8" class="" id="slide8" checked="checked">
<label for="slide8"></label>
</div>
<div class="kas-checks-squaredFour">
<input type="checkbox" name="Status13" class="" id="slide13" checked="checked">
<label for="slide13"></label>
</div>
<div class="kas-checks-squaredFive">
<input type="checkbox" name="Status14" class="" id="slide14" checked="checked">
<label for="slide14"></label>
</div>

    
...

<script type="text/javascript" src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
https://www.dropbox.com/s/muhew123ti5m2eb/kaslab-design.css?dl=0
https://www.dropbox.com/s/ytmxir23hkueznl/kaslab-checks-effect.css?dl=0

 

 View  View

 

Tools & Plugins