点击动态展示菜单导航隐现特效基于CSS3

效果图如下：

1.头部引用

<link rel="stylesheet" href="css/style.css">

2.body部分

<div class="dots" onClick="this.classList.toggle('active');">
	<div class="dot"></div>
	<div class="dot"></div>
	<div class="shadow cut"></div>
	<div class="container cut">
		<div class="drop cut2"></div>
	</div>
	<div class="list">
		<ul>
		<li><a href="https://www.sucai8.cn">个人主页</a></li>
		<li><a href="https://www.sucai8.cn">充值记录</a></li>
		<li><a href="https://www.sucai8.cn">下载消息</a></li>
		<li><a href="https://www.sucai8.cn">申请提现</a></li>
		<li><a href="https://www.sucai8.cn">我的收藏</a></li>
		</ul>
	</div>
	<div class="dot"></div>
</div>

3.按钮部分

<div class="cursor" onclick="document.querySelector('.dots').classList.toggle('active');"></div>

演示效果：https://www.sucai8.cn/demo-71308.html