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