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

在线预览    源码下载