D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
abernier
Full window
Github gist
CSS 3D cube
<!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>