Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

CSS3 3D层叠菜单展开收缩动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-08-27
一款简单漂亮的CSS3 3D层叠菜单展开收缩动画特效,鼠标点击滑动打开菜单,打开后点击中间关闭按钮又将收起菜单,创意十足。


js代码

<script>
const navItems = document.querySelectorAll('nav .item');

document.querySelector('#center').addEventListener('click',function(){
	for(let i=0;i<navItems.length;i++){
		navItems[i].classList.toggle('opened')
	}
	document.querySelector('#center').classList.toggle('close')
})
</script>