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>