CSS3 3D立体导航效果

    CSS3 3D立体导航效果，鼠标按下时，按钮就会被按下，松开，按钮就会弹起。当然，用css也可以实现，但是效果不好，布局也相当麻烦。

1、在head引入下面的代码：

<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

2、在body引入下面的代码：

<ul id="menu">
  <li><a href="#">上一页</a></li>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">6</a></li>
  <li><a href="#">下一页</a></li>
</ul>

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！