checked.css-超酷CSS3复选框和单选按钮点击动画库

当前位置:主页 > CSS3库 > CSS3动画 > checked.css-超酷CSS3复选框和单选按钮点击动画库
checked.css-超酷CSS3复选框和单选按钮点击动画库
分享:

    插件介绍

    checked.css是一款能够制作复选框和单选按钮点击动画的CSS3动画库。它内置23种动画特效,在用户点击单选按钮或复选框时会出现相应的动画效果。

    浏览器兼容性

    浏览器兼容性
    时间:2016-09-13
    阅读:
简要教程

checked.css是一款能够制作复选框和单选按钮点击动画的CSS3动画库。它内置23种动画特效,在用户点击单选按钮或复选框时会出现相应的动画效果。

安装

可以通过npm或bower来安装checked.css。

npm install checked.css
bower install checked.css            
                

使用方法

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

<link rel='stylesheet' type='text/css' href='css/checked.css' />                
                
HTML结构

checked.css动画库的使用方法非常简单,在单选按钮或复选框的标签中指定动画的class类即可。例如:

<input type="checkbox" class="checked-boing"/>  
<input type="radio" class="checked-boing"/>             
                

可用的动画class类有:

  • checked-hey
  • checked-away
  • checked-inout
  • checked-rotate
  • checked-yo
  • checked-roll
  • checked-up
  • checked-down
  • checked-tv
  • checked-jump
  • checked-omg
  • checked-splash
  • checked-boing
  • checked-pump
  • checked-hooray
  • checked-ufo
  • checked-scatman
  • checked-vertigo
  • checked-flash
  • checked-return
  • checked-boom
  • checked-wheel
  • checked-focus
  • checked-tremolo

checked.css动画库的github地址为:https://github.com/720kb/checked.css

网友评论