表单/表格

js+CSS3复选框美化特效

阿里云

这是一款 js 和 CSS3 复选框美化特效。该复选框美化特效通过 HTML 来构建复选框,并通过 js 和 css3 代码来执行复选框的勾选和取消动画效果。

使用方法

在页面中引入 style.css 文件。

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" type="text/css" href="assets/css/style.css" />

HTML 结构

复选框的 HTML 结构如下:

  1. <div class="input input--checkbox input--large">
  2.   <label>
  3.     <input type="checkbox" checked>
  4.     <span class="input__box"></span>
  5.     <span>large</span>
  6.   </label>
  7. </div>
  8. <div class="input input--checkbox input--primary">
  9.   <label>
  10.     <input type="checkbox" checked disabled>
  11.     <span class="input__box"></span>
  12.     <span>disabled</span>
  13.   </label>
  14. </div>
  15. <div class="input input--checkbox input--primary">
  16.   <label>
  17.     <input type="checkbox" checked>
  18.     <span class="input__box"></span>
  19.     <span>primary</span>
  20.   </label>
  21. </div>



Github 地址:https://github.com/tamino-martinius/ui-snippets-checkboxes

js+CSS3 复选框美化特效

已有 458 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!