HTML5全屏遮罩导航栏特效代码下载


HTML5全屏遮罩导航栏特效代码下载
HTML5全屏遮罩导航栏特效代码下载以及全屏遮罩、导航栏等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src='js/gsap.min.js'></script>
<script src="js/script.js"></script>

3. HTML代码

<h2 class="info">全页导航</h2>
<button class="nav-button">
	<div class="line line__1"></div>
	<div class="line line__2"></div>
	<div class="line line__3"></div>
</button>
<nav>
<div class="nav__background"></div>
	<ul>
		<li><a href="#0">网站首页</a></li>
		<li><a href="#0">关于我们</a></li>
		<li><a href="#0">图片案例</a></li>
		<li><a href="#0">联系我们</a></li>
	</ul>
</nav>

相关推荐

发表评论

相关文章