hamburgers 介绍
Hamburgers是一款 效果 超酷的图标变形动画特效css3动画库。 包括 18种不同的变形动画 效果 ，你还可以通过Sass 文件 来 自定义 你自己的图标变形动画。
安装
你可以通过bower或npm来安装Hamburgers变形动画。
bower install css- hamburgers
npm install hamburgers
需要在 页面 中引入hamburgers.css 文件 使用 方法
<link href=" dis t/hamburgers.css" rel="stylesheet"></link>
html结构如下：
<button class="hamburger" type="button">
<span class="hamburger- Box ">
<span class="hamburger-inner"></span>
</span>
</button>
你也可以使用<div>来代替按钮元素。
<div class="hamburger" type="button">
<div class="hamburger- Box ">
<div class="hamburger-inner"></div>
</div>
</div>
然后你可以 添加 相应的class类来 获取 相应的图标变形动画。
<button class="hamburger hamburger--collapse" type="button">
<span class="hamburger- Box ">
<span class="hamburger-inner"></span>
</span>
</button>
网站地址 : https://jonsuh.com/hamburgers
GitHub: https://github.com/jonsuh/hamburgers
网站描述: 超酷图标变形动画特效
hamburgers官方网站
官方网站： https://jonsuh.com/hamburgers
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。