Анимация меню для сайта: появление боковых вкладок на CSS
See the Pen [Pure CSS] Desktop Menu Animation by Anton Rikhnovets (@rikhnovets) on CodePen.
HTML
<div class="home">
<p>Home Page</p>
</div>
<div class="menu-trigger">
<div class="bars"><span></span><span></span><span></span></div>
<p>MENU</p>
<div class="menu">
<ul>
<li>
<p>New Arrivals</p>
</li>
<li>
<p>Woman</p>
</li>
<li>
<p>Man</p>
</li>
<li>
<p>Releases</p>
</li>
<li>
<p>Stores</p>
</li>
</ul>
</div>
</div><a class="dribbble-link" href="https://dribbble.com/shots/5290735-ARKK-Menu-and-Category-page" target="_blank"><i class="fab fa-dribbble"></i></a>
CSS
<div class="home">
<p>Home Page</p>
</div>
<div class="menu-trigger">
<div class="bars"><span></span><span></span><span></span></div>
<p>MENU</p>
<div class="menu">
<ul>
<li>
<p>New Arrivals</p>
</li>
<li>
<p>Woman</p>
</li>
<li>
<p>Man</p>
</li>
<li>
<p>Releases</p>
</li>
<li>
<p>Stores</p>
</li>
</ul>
</div>
</div><a class="dribbble-link" href="https://dribbble.com/shots/5290735-ARKK-Menu-and-Category-page" target="_blank"><i class="fab fa-dribbble"></i></a>