模仿windows Metro磁贴风格设计菜单弹窗效果代码-html代码-BFW代码库

模仿windows Metro磁贴风格设计菜单弹窗效果代码

代码语言：html

所属分类：弹出层

代码描述：模仿windows Metro磁贴风格设计菜单弹窗效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/animate.min.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">
  
<style>
body { margin: 0; background-color: #180053; }
main { width: 960px; position: relative; overflow: hidden; display: block; height: 100vh; margin: auto; font-family: verdana;}

/* Modal Styles */
.modal { width: 100%; height: 100%; }
.modal-dialog { width: 100%; height: 100%; padding: 20px; margin: 0; }
.modal-content { height: 100%;  overflow: hidden; overflow-y: auto;  }
.modal-body { height: 100%; }
.box {
  display: block; 
  position: relative;
  overflow:.........完整代码请登录后点击上方下载按钮下载查看