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

2017-09-02

演示地址

 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、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

很惭愧<br><br>只做了一点微小的工作<br>谢谢大家