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

 




















, , , , , , , 
0











































0
comments:
        
















Post a Comment




















        

      

































Tools & Plugins