CSS

【CSS】アニメーションサブメニューNavigation Animated Menu

December 17, 2016
Navigation-Animated-Menu

Navigation Animated Menuはアニメーションサブメニューでナビゲーションメニューを作る。

HTML

    <nav>
        <ul id="parentNav">
            <li><a href="#">Home</a></li>
            <li id="onhover"><a href="#">Products</a>
                <ul id="childNav">
                        <li><a href="#">Simplify Product 1</a></li>
                        <li><a href="#">Simplify Product 2</a></li>
                        <li><a href="#">Simplify Product 3</a></li>
                        <li><a href="#">Simplify Product 4</a></li>
                    </li>
                </ul>
            </li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </nav>