新年
快乐
JS+CSS3环形展开霓虹灯图标菜单特效

JS+CSS3环形展开霓虹灯图标菜单特效

JS+CSS3环形展开霓虹灯图标菜单特效插图

JS+CSS3环形展开霓虹灯图标菜单特效是一款手机端svg图标导航菜单,点击主菜单时三个子菜单会围绕主菜单环形动画展开。

js代码

<script type="text/javascript">
var buttonContainer = document.querySelector(".button-container");
var overlay = document.querySelector(".overlay");
var mobileCanvas = document.querySelector(".mobile-canvas")

buttonContainer.addEventListener("click", function() {
	buttonContainer.classList.toggle("open");
	mobileCanvas.classList.toggle("open");
}, false);
</script>

分享到 :
相关推荐

Leave a Reply

Your email address will not be published. Required fields are marked *