分享33种CSS3开关按钮图标特效代码

分享33种CSS3开关按钮图标特效代码

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

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

1
npm install css-checkbox-library

使用方法
在页面中引入checkboxes.min.css文件。

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

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

1
2
3
4
<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>

33种css3开关按钮特效

当前内容只有登录了才能查看,如果您已经注册,请登录
2

发表评论