D3 Examples - CSS 3D cube

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8>
    <title></title>
    <style>
    body       {text-align:center; -webkit-perspective:15em; -webkit-transform-style:preserve-3d; /*-webkit-perspective-origin:50% 50%;*/ margin:10em;}
​
    .cube                  {display:inline-block!important;}
    .cube > *              {box-shadow:0 0 1px black inset; background-color:rgba(255,255,255,.5); text-align:center;}
    .cube > [class]:before {content:"." attr(class); position:absolute; line-height:0; top:50%; display:block;width:100%;margin:0 auto;}
    </style>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>
    <div class="cube">
      <div class="front"></div>
      <div class="back"></div>
      <div class="right"></div>
      <div class="left"></div>
      <div class="top"></div>
      <div class="bottom"></div>
    </div>
  </body>
</html>
    