首页>>导航菜单>>堆叠卡片样式导航菜单(2020-09-02)

堆叠卡片样式导航菜单

堆叠卡片样式导航菜单
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="demo">  
  2.           <div class="demo__close-menu"></div>  
  3.           <div class="demo__section demo__section-1" data-section="1">  
  4.             <div class="demo__menu-btn"></div>  
  5.             <h2 class="demo__section-heading">Contact</h2>  
  6.           </div>  
  7.           <div class="demo__section demo__section-2 active" data-section="2">  
  8.             <div class="demo__menu-btn"></div>  
  9.             <h2 class="demo__section-heading">About</h2>  
  10.           </div>  
  11.           <div class="demo__section demo__section-3 inactive" data-section="3">  
  12.             <div class="demo__menu-btn"></div>  
  13.             <h2 class="demo__section-heading">Team</h2>  
  14.           </div>  
  15.           <div class="demo__section demo__section-4 inactive" data-section="4">  
  16.             <div class="demo__menu-btn"></div>  
  17.             <h2 class="demo__section-heading">Projects</h2>  
  18.           </div>  
  19.         </div>  

 


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