表单/表格

超酷CSS3复选框/单选按钮点击动画库

也想出现在这里?联系我们
创客主机

超酷CSS3复选框/单选按钮点击动画库-创客云
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 类有:

  1.     checked-hey
  2.     checked-away
  3.     checked-inout
  4.     checked-rotate
  5.     checked-yo
  6.     checked-roll
  7.     checked-up
  8.     checked-down
  9.     checked-tv
  10.     checked-jump
  11.     checked-omg
  12.     checked-splash
  13.     checked-boing
  14.     checked-pump
  15.     checked-hooray
  16.     checked-ufo
  17.     checked-scatman
  18.     checked-vertigo
  19.     checked-flash
  20.     checked-return
  21.     checked-boom
  22.     checked-wheel
  23.     checked-focus
  24.     checked-tremolo

Github 地址:https://github.com/720kb/checked.css

(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

钻石珠宝奢侈品DedeCMS织梦模板

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!