很跳很炫酷的checked

所属分类:其他-动画效果

 4988  94  查看评论 (6)
很跳很炫酷的checked ie兼容10

使用方法

在页面中引入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


相关插件-动画效果

CSS3实现色彩喷泉

CSS3实现色彩喷泉
  动画效果
 12334  108

jquery文字动画插件LetterFX

一个jQuery应用动画插件,视觉效果以字母、单词或其他文本模式。
  动画效果
 17338  139

简易的摩天轮效果

摩天轮效果纯css写的,大家可参考下原理。
  动画效果
 8556  35

贴片效果插件Sticker.js

Sticker.js 一个JavaScript库,它帮助您创建一个贴片效果.
  动画效果
 9060  4

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

    里昂没有青春 0
    2017/6/27 21:53:43

    个人觉得这个效果太过花哨了,并且我更愿意选择把选框美化一下,这个系统默认的太搓了

    回复
    excrement 0
    2017/2/2 17:28:16

    特效卖得太多,有点花哨了

    回复
    &殇★昕& 0
    2017/1/16 18:42:30
    实用性不是很大,不过看起来也是很牛逼的样子 回复
    不穿袈裟的和尚 0
    2017/1/5 15:01:30
    junyi5d 0
    2016/12/13 16:12:15
    在实际页面里不会去用这些效果,也就聚焦可以用用。。 回复
    唐山梁硕 0
    2016/12/12 15:12:07
取消回复