CSS

【CSS】CSSを使用して開発されたフェードイン効果を備えたレスポンシブナビゲーションメニューFade-In/Out Menu

July 28, 2018
Fade-In/Out Menu (Pure CSS)

Fade-In/Out MenuはCSSを使用して開発されたフェードイン効果を備えたシンプルなレスポンシブナビゲーションメニュー

HTML

	<!-- Mobile Bar & Menu Icon -->
	<input type="checkbox" class="menu-toggle" id="menu-toggle">
	<div class="mobile-bar">
		<label for="menu-toggle" class="menu-icon">
				<span></span>
			</label>
	</div>
	
	<!-- Header -->
	<header class="header">
		<nav>
			<ul>
				<li><a href="#">Item 1</a></li>
				<li><a href="#">Item 2</a></li>
				<li><a href="#">Item 3</a></li>
				<li><a href="#">Item 4</a></li>
				<li><a href="#">Item 5</a></li>
			</ul>
		</nav>
	</header>

MIT