hamburgers - CSS 动画图标集


MIT
跨平台
HTML/CSS

软件简介

hamburgers 是CSS 动画图标集。

使用

1.下载 hamburgers ,在源代码 head 中 link

<link href="dist/hamburgers.css" rel="stylesheet">

2.不同的 class 值表示不同的样式

<button class="hamburger" type="button">
  <span class="hamburger-box">
    <span class="hamburger-inner"></span>
  </span>
</button>

以下是可供选择的 classes 类型值:

hamburger--3dx  
hamburger--3dx-r  
hamburger--3dy  
hamburger--3dy-r  
hamburger--arrow  
hamburger--arrow-r  
hamburger--arrowalt  
hamburger--arrowalt-r  
hamburger--boring  
hamburger--collapse  
hamburger--collapse-r  
hamburger--elastic  
hamburger--elastic-r  
hamburger--emphatic  
hamburger--emphatic-r  
hamburger--slider  
hamburger--slider-r  
hamburger--spin  
hamburger--spin-r  
hamburger--spring  
hamburger--spring-r  
hamburger--stand  
hamburger--stand-r  
hamburger--squeeze  
hamburger--vortex  
hamburger--vortex-r