<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>simple tesseract (hypercube) in CSS</title>
</head>
<body>
<div class="pane">
<div class="tesseract">
<div class="cube">
<div class="side">
<div class="frustum">
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
</div>
</div>
<div class="side">
<div class="frustum">
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
</div>
</div>
<div class="side">
<div class="frustum">
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
</div>
</div>
<div class="side">
<div class="frustum">
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
</div>
</div>
<div class="side">
<div class="frustum">
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
</div>
</div>
<div class="side">
<div class="frustum">
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
<div class="side"> </div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>