欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-03-25 13:17:28
...

推荐一款简单炫酷的单/多选框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