推荐一款简单炫酷的单多选框checked

来源:互联网 发布:有关网络暴力的论文 编辑:程序博客网 时间:2024/05/20 23:07

推荐一款简单炫酷的单/多选框checked.css

演示地址
github地址


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

使用方法
在页面中引入checked.css 文件。

1:<link rel='stylesheet' type='text/css' href='css/checked.css'/>

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

1:<input type="checkbox" class="checked-boing"/>  2:<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

2017/8/29 23:08:35

阅读全文
1 0