首页

关于

CSS3实现的超酷页面过渡效果

日期:2012/02/25  来源:GBin1.com

CSS3实现的超酷页面过渡效果

在线演示  本地下载

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

HTML标签

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

<!-- Home -->
<div id="home" class="content">
<h2>Home</h2>
<p>Some content</p>

标签: css3过度效果, 单页面效果, css3, transitions, one-page layout, target, pseudo-class, general sibling selector

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.