SEARU.ORG
当前位置:SEARU.ORG > Linux 软件 > 正文

CSS 动画图标集 hamburgers

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

未经允许不得转载:SEARU.ORG » CSS 动画图标集 hamburgers

赞 (0)
分享到:更多 ()

评论 0