首页>>导航菜单>>纯css冒泡动画菜单(2019-04-30)

纯css冒泡动画菜单

纯css冒泡动画菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="dots" onClick="this.classList.toggle('active');">  
  2.     <div class="dot"></div>  
  3.     <div class="dot"></div>  
  4.     <div class="shadow cut"></div>  
  5.     <div class="container cut">  
  6.         <div class="drop cut2"></div>  
  7.     </div>  
  8.     <div class="list">  
  9.         <ul>  
  10.         <li>个人主页</li>  
  11.         <li>充值记录</li>  
  12.         <li>下载消息</li>  
  13.         <li>申请提现</li>  
  14.         <li>我的收藏</li>  
  15.         </ul>  
  16.     </div>  
  17.     <div class="dot"></div>  
  18. </div>  
  19.   
  20. <div class="cursor" onclick="document.querySelector('.dots').classList.toggle('active');"></div>  

 


原文地址:http://www.freejs.net/article_daohangcaidan_754.html