jQuery

【jQuery】ハンバーガーアニメーションとフルスクリーンナビゲーションメニューを表示するFULL SCREEN MENU

September 16, 2017
FULL SCREEN MENU

FULL SCREEN MENUハンバーガーアニメーションとフルスクリーンナビゲーションメニューを表示する。

HTML

       <div class="toggle-menu">
            <div class="open">MENU</div>
            <div class="close">CLOSE</div>
       </div>
       <div class="menu">
            <ul>
               <li><a href="#">HOME</a></li>
               <li><a href="#">ABOUT</a></li>
               <li><a href="#">SERVICES</a></li>
               <li><a href="#">PORTFOLIO</a></li>
               <li><a href="#">CONTACT</a></li>
           </ul>
       </div>
       


       <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
       <script src="js/main.js"></script>

LANGUAGES USED

HTML5
CSS3
JQUERY