33种css3开关按钮特效

当前位置:主页 > jQuery库 > 按钮和图标 > 33种css3开关按钮特效
33种css3开关按钮特效
分享:

    插件介绍

    这是一组css3开关按钮特效。该css3开关按钮特效共33种效果,支持ie9以上的主流浏览器,非常实用。

    浏览器兼容性

    浏览器兼容性
    时间:10-12
    阅读:
简要教程

这是一组css3开关按钮特效。该css3开关按钮特效共33种效果,支持ie9以上的主流浏览器,非常实用。

安装

可以通过npm来安装该css3开关按钮特效代码。

npm install css-checkbox-library                    
                

使用方法

在页面中引入checkboxes.min.css文件。

<link rel="stylesheet" type="text/css" href="dist/checkboxes.min.css">       
                
HTML

使用下面的HTML结构俩创建一个开关按钮。

<div class="ckbx-square-1">
  <input type="checkbox" checked id="ckbx-square-1-2" value="0" name="ckbx-square-1">
  <label for="ckbx-square-1-2"></label>
</div>
                

css3开关按钮特效

该css3开关按钮特效的github地址为:https://github.com/hunzaboy/CSS-Checkbox-Library