<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>CSS3弹性展开网站动画导航菜单特效</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="nav">
<input type="checkbox" class="nav__cb" id="menu-cb">
<div class="nav__content">
<ul class="nav__items">
<li class="nav__item"> <span class="nav__item-text"> Home </span> </li>
<li class="nav__item"> <span class="nav__item-text"> Works </span> </li>
<li class="nav__item"> <span class="nav__item-text"> About </span> </li>
<li class="nav__item"> <span class="nav__item-text"> Contact </span> </li>
</ul>
</div>
<label class="nav__btn" for="menu-cb"></label>
</nav>
</body>
</html>