12种checkbox复选框CSS3动画特效

当前位置:主页 > CSS3库 > CSS3动画 > 12种checkbox复选框CSS3动画特效
12种checkbox复选框CSS3动画特效
分享:

    插件介绍

    checkbox.css是一组效果非常炫酷的checkbox复选框CSS3动画特效。通过使用checkbox.css样式,可以在点击复选框时产生各种非常酷的CSS3动画效果。

    浏览器兼容性

    浏览器兼容性
    时间:2016-05-23
    阅读:
麦子学院
简要教程

checkbox.css是一组效果非常炫酷的checkbox复选框CSS3动画特效。通过使用checkbox.css样式,可以在点击复选框时产生各种非常酷的CSS3动画效果。

使用方法

使该checkbox动画特效需要在页面中引入checkbox.css文件。

<link rel="stylesheet" href="dist/checkbox.min.css" media="screen" charset="utf-8">      
                
HTML结构

为复选框input元素添加预置的class类来生成相应的CSS3动画。

<input class="checkbox-hey" type="checkbox"/>
                
CSS样式

可用的CSS动画类有12种,对应下面的12个class类。

  • checkbox-hey
  • checkbox-away
  • checkbox-inout
  • checkbox-rotate
  • checkbox-yo
  • checkbox-roll
  • checkbox-up
  • checkbox-down
  • checkbox-tv
  • checkbox-jump
  • checkbox-omg
  • checkbox-splash

checkbox.css复选框动画特效的github地址为:https://github.com/720kb/checkbox.css

网友评论