浏览代码

Examples: Clean up. (#21808)

Michael Herzog 4 年之前
父节点
当前提交
0cc51511e8
共有 2 个文件被更改,包括 12 次插入26 次删除
  1. 12 26
      examples/misc_controls_pointerlock.html
  2. 二进制
      examples/screenshots/misc_controls_pointerlock.jpg

+ 12 - 26
examples/misc_controls_pointerlock.html

@@ -17,43 +17,29 @@
 				width: 100%;
 				width: 100%;
 				height: 100%;
 				height: 100%;
 
 
-				display: -webkit-box;
-				display: -moz-box;
-				display: box;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
 
 
-				-webkit-box-orient: horizontal;
-				-moz-box-orient: horizontal;
-				box-orient: horizontal;
-
-				-webkit-box-pack: center;
-				-moz-box-pack: center;
-				box-pack: center;
-
-				-webkit-box-align: center;
-				-moz-box-align: center;
-				box-align: center;
-
-				color: #ffffff;
 				text-align: center;
 				text-align: center;
-				font-family: Arial;
 				font-size: 14px;
 				font-size: 14px;
-				line-height: 24px;
-
 				cursor: pointer;
 				cursor: pointer;
 			}
 			}
 		</style>
 		</style>
 	</head>
 	</head>
 	<body>
 	<body>
 		<div id="blocker">
 		<div id="blocker">
-
 			<div id="instructions">
 			<div id="instructions">
-				<span style="font-size:36px">Click to play</span>
-				<br /><br />
-				Move: WASD<br/>
-				Jump: SPACE<br/>
-				Look: MOUSE
+				<p style="font-size:36px">
+					Click to play
+				</p>
+				<p>
+					Move: WASD<br/>
+					Jump: SPACE<br/>
+					Look: MOUSE
+				</p>
 			</div>
 			</div>
-
 		</div>
 		</div>
 
 
 		<script type="module">
 		<script type="module">

二进制
examples/screenshots/misc_controls_pointerlock.jpg