js css3制作简洁的阴影导航栏，点击导航高亮底部线条效果。

使用方法

1、head引入css文件

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

2、body引入部分

<nav class="nav"> 
	<a href="#" class="nav-item is-active" active-color="orange">首页</a> 
	<a href="#" class="nav-item" active-color="green">关于我们</a>
	<a href="#" class="nav-item" active-color="blue">公司简介</a>
	<a href="#" class="nav-item" active-color="red">产品中心</a> 
	<a href="#" class="nav-item" active-color="rebeccapurple">联系我们</a>
	<span class="nav-indicator"></span>
</nav>

<script  src="js/script.js"></script>

资源出处：https://www.moyublog.com/codes/89.html