Browse Source

Example.css: Add invert class (#31962)

sunag 6 months ago
parent
commit
2f952cf541
2 changed files with 13 additions and 3 deletions
  1. 4 0
      examples/example.css
  2. 9 3
      examples/webgpu_depth_texture.html

+ 4 - 0
examples/example.css

@@ -88,3 +88,7 @@ a {
 	background: #c3c3c3;
 	background: #c3c3c3;
 	opacity: .5;
 	opacity: .5;
 }
 }
+
+#info.invert {
+	filter: invert(1);
+}

+ 9 - 3
examples/webgpu_depth_texture.html

@@ -3,12 +3,18 @@
 		<title>three.js webgpu - depth texture</title>
 		<title>three.js webgpu - depth texture</title>
 		<meta charset="utf-8">
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<link type="text/css" rel="stylesheet" href="main.css">
+		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	</head>
 	<body>
 	<body>
 
 
-		<div id="info">
-			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgpu - depth texture
+		<div id="info" class="invert">
+			<a href="https://threejs.org/" target="_blank" rel="noopener" class="logo-link"></a>
+
+			<div class="title-wrapper">
+				<a href="https://threejs.org/" target="_blank" rel="noopener">three.js</a><span>Depth Texture</span>
+			</div>
+
+			<small>Rendering the scene's depth into a texture for later use</small>
 		</div>
 		</div>
 
 
 		<script type="importmap">
 		<script type="importmap">

粤ICP备19079148号