纯CSS3单页切换导航菜单界面设计的简单实现

这是一款使用纯CSS3制作的单页切换导航菜单界面设计效果。该页面效果中，在页面的左侧垂直排放一组导航按钮，当点击导航按钮时，相应的页面会从屏幕右侧滑动出来，效果非常炫酷。

 使用方法

 HTML结构

该单页切换导航菜单界面的HTML结构如下：

1. <div class="ct" id="t1">  
2.   <div class="ct" id="t2">  
3.     <div class="ct" id="t3">  
4.       <div class="ct" id="t4">  
5.          <div class="ct" id="t5">  
6.           <ul id="menu">  
7.             <a href="#t1"><li class="icon fa fa-bolt" id="uno"></li></a>  
8.             <a href="#t2"><li class="icon fa fa-keyboard-o" id="dos"></li></a>  
9.             <a href="#t3"><li class="icon fa fa-rocket" id="tres"></li></a>  
10.             <a href="#t4"><li class="icon fa fa-dribbble" id="cuatro"></li></a>  
11.             <a href="#t5"><li class="icon fa fa-plus-circle" id="cinco"></li></a>  
12.           </ul>  
13.