很酷的HTML5电子书翻页动画特效

          </section>  
          <section class="page">  
              <div><img src="images/4.jpg" width="466" height="463" style="float:left;margin-top:9px;" /></div>  
          </section>  
          <section class="page">  
              <div><img src="images/5.jpg" width="466" height="463" style="float:right;margin-top:9px;" /></div>  
          </section>  
          <section class="page" style="background:url(images/right_pk.jpg)">  
              <div><img src="images/6.jpg" width="466" height="463" style="float:left;margin-top:9px;" /></div>  
          </section>  
          <section class="page">  
              <div><img src="images/24.jpg" width="475" height="482" /></div>  
              <span style="right:18px;"><img src="images/zh.png" height="482" /></span>  
          </section>  
      </div>  
  </div>  

CSS样式：

CSS Code复制内容到剪贴板

body, h2, p {   
 margin: 0;   
 padding: 0;   
}   
  
body {   
 background: url("../images/cover.jpg") no-repeat;   
 -webkit-background-size: cover;   
    -moz-background-size: cover;   
    -o-background-size: cover;   
    background-size: cover;