2018年4月3日:开源日报第26期

每天推荐一个 GitHub 优质开源项目和一篇精选英文科技或编程文章原文,欢迎关注开源日报。交流QQ群:202790710;电报群 https://t.me/OpeningSourceOrg

今日推荐开源项目

《网页动画特效框架Micron.js》

推荐理由:Micron.js是一个能够为元素添加css动画效果的js库,目前有12种特效,可以自己设定动画时间的长短,也可实现动画的绑定效果,通过点击一个元素控制另一个元素。

安装

要在自己的html文件中使用micron.js有两种方法:

1.在head标签中加入:

添加特效

使用micron.js十分简单,只需在想添加动画特效的元素标签中写data-micron=”XXX”(XXX为想添加的特效的名称),目前mircron.js支持12种特效:shake,fade,jelly,bounce,tada,groove,swing,squeeze,flicker,jerk,blink,pop.

特效演示:

绑定效果设置

添加绑定效果需要在施加控制的元素中除了设置特效外,还需设置data-micron-bind的为true,并通过data-micron-id 设置受控制元素的id

点击Label元素id为”me”的元素就会产生bounce特效效果演示:

链接

https://github.com/webkul/micron

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180403G1A84Y00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券