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

yzch6671

2年前发布

010650

本素材里面包含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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END