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

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-08-27
CSS3 3D层叠菜单展开收缩动画特效
一款简单漂亮的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>