在过去的几年中，但页面的网站设计越来越多了，大多数都是使用java script来实现过渡效果。那么今天我们讲介绍使用CSS的transition和:target属性来实现同样的过渡效果。

在线演示地址：http://www.muu.cc/css3/CSS3PageTransitions

代码下载地址：

具体下载目录在 /2012年资料/2月/29日/CSS3实现的超酷页面过渡效果/

HTML标签包含了5个主要的部分：一个header及其4个内容区域。每一个区域都拥有一个id和class panel.而且我们会添加另外一个用来获得class为content的部分。

如此无规律添加header到末尾的原因在于我们想让导航可以被siblings选择器所控制，这样我们可以分别的对他们处理颜色。

主要的想法就是使用伪class:target来添加页面间的过渡效果，在这个例子中，我们将会幻灯上下我们的页面部分