cssCube/index.html at master · robertgorecki/cssCube · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="css/main.css">
	</head>
	<body>
		<section class="container">
			<ul class="cube">
				<li class="front">1</li>
				<li class="back">2</li>
				<li class="right">3</li>
				<li class="left">4</li>
				<li class="top">5</li>
				<li class="bottom">6</li>
			</ul>
		</section>
		<section class="menu">
			<ul class="links">
				<li><a href="front">Show 1</a></li>
				<li><a href="back">Show 2</a></li>
				<li><a href="right">Show 3</a></li>
				<li><a href="left">Show 4</a></li>
				<li><a href="top">Show 5</a></li>
				<li><a href="bottom">Show 6</a></li>
			</ul>
			<label>Opacity</label>
			<input class="opacity-control" type="range" min="0.2" max="1" step="0.1" value="0.7">
		</section>
		<script src="js/main.js"></script>
	</body>
</html>