本文实例为大家分享了html5实现侧滑页面效果展示的具体代码，供大家参考，具体内容如下

before：

after：

代码：

 
 
 
 
 
 
 
 .cover {
 background-color: #0062CC;
 height: 100%;
 width: 100%;
 display: none;
 opacity: 0;
 position: absolute;
 }
 
 .mui-off-canvas-left {
 background-color: #F0AD4E;
 }
 
 

 
 
 
 
 
 
 
  
  
  侧滑页面
  
  
 
 
 

  
  
标题
 
 
 
  
  
  
  主页面
  
 
 
 
 
 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。