CSS3炫酷自定义Checkbox特效CSS3炫酷自定义Checkbox特效是一款5种炫酷效果的自定义checkbox特效代码。CSS3checkbox美化框炫酷效果
<ul class='tg-list'>
<li class='tg-list-item'>
<h4>Light</h4>
<input class='tgl tgl-light' id='cb1' type='checkbox'>
<label class='tgl-btn' for='cb1'></label>
</li>
<li class='tg-list-item'>
<h4>iOS 7</h4>
<input class='tgl tgl-ios' id='cb2' type='checkbox'>
<label class='tgl-btn' for='cb2'></label>
</li>
<li class='tg-list-item'>
<h4>Skewed</h4>
<input class='tgl tgl-skewed' id='cb3' type='checkbox'>
<label class='tgl-btn' data-tg-off='OFF' data-tg-on='ON' for='cb3'></label>
</li>
<li class='tg-list-item'>
<h4>Flat</h4>
<input class='tgl tgl-flat' id='cb4' type='checkbox'>
<label class='tgl-btn' for='cb4'></label>
</li>
<li class='tg-list-item'>
<h4>Flip</h4>
<input class='tgl tgl-flip' id='cb5' type='checkbox'>
<label class='tgl-btn' data-tg-off='Nope' data-tg-on='Yeah!' for='cb5'></label>
</li>
</ul>
<script src="js/index.js"></script>
CSS3炫酷自定义Checkbox特效由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/css3texiao/8115.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
上一篇：css3鼠标移上图片放大遮罩效果
CSS3制作3D图片立方体旋转特效
jQuery+CSS3遮罩弹出层动画代码
CSS3鼠标滑过tip提示框动画特效
jQuery和CSS3添加到购物车特效
CSS3绘制各种图形图标样式特效