注册 登录 充值会员 退出
毕业设计 PHP源码
充值

18种CSS3汉堡包图标变形动画按钮

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-02-15
18种CSS3汉堡包图标变形动画按钮
本素材里面包含18种不同的汉堡图标变形动画效果,分别是汉堡图标与前进后退关闭图标之间的动画切换,你可以通过Sass文件来自定义你自己的汉堡包图标变形动画、颜色、大小之类。


JS代码:

 <script>
	var forEach=function(t,o,r){if("[object Object]"===Object.prototype.toString.call(t))for(var c in t)Object.prototype.hasOwnProperty.call(t,c)&&o.call(r,t[c],c,t);else for(var e=0,l=t.length;l>e;e++)o.call(r,t[e],e,t)};

	var hamburgers = document.querySelectorAll(".hamburger");
	if (hamburgers.length > 0) {
	  forEach(hamburgers, function(hamburger) {
		hamburger.addEventListener("click", function() {
		  this.classList.toggle("is-active");
		}, false);
	  });
	}
  </script>