返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

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

2019-01-28 15:30:17王冬梅
  • {     position: absolute;    
  •  z-index: 1;     overflow:hidden;   
  •  whitewhite-space:nowrap;     -ms-user-select:none;   
  •  -webkit-user-select:none;     -moz-user-select:none;   
  • }      
  • #shineflip-pages .cover_background_back    {   
  •  position: absolute;      z-index: 0;   
  • }      
  • #shineflip-pages section.pageflip     {   
  •  display: block;     position: absolute;   
  •  overflow: hidden;    }   
  •    #shineflip-pages section.page {   
  •     //background-color: #fafafa;     display: block;   
  •  position: absolute;     overflow: hidden;   
  • }     #shineflip-pages-flipcontent,#shineflip-pages section>div {   
  •   display: block;      font-size: 12px;   
  •   position: absolute;      overflow: hidden;   
  •   width:100%;      height:100%;   
  •  }     #shineflip-pages-flipcontent,#shineflip-pages section>span {   
  •   display: block;      font-size: 12px;   
  •   position: absolute;      overflow: hidden;   
  •  }     #shineflip-pages-flipcontent p,   
  •  #shineflip-pages-flipcontent h2,     #shineflip-pages section p,   
  •  #shineflip-pages section h2 {      line-height: 1.4em;   
  •   text-align: justify;     }   
  •    #shineflip-canvas {   
  •  position: absolute;     z-index: 0;   
  • }      
  • #shineflip-page-mid-canvas {     position: absolute;   
  •  pointer-events: none;     z-index: 0;   
    • 相关文章 大家在看