hamburgersCSS 動(dòng)畫圖標(biāo)集

hamburgers 是CSS 動(dòng)畫圖標(biāo)集。

使用

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