.ddcubeclass{font-size:10px;width:8em;height:8em;text-align:center;position:relative;margin-right:5px;display:inline-block;-moz-perspective:50em;-webkit-perspective:50em;perspective:50em}.ddcubeclass,.ddcubeclass *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ddcubeclass ul{-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;list-style:none;margin:0;padding:0;width:100%;height:100%}.ddcubeclass ul li{position:absolute;top:0;left:0;width:100%;background:green;color:#fff;outline:1px solid transparent;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;-moz-transition:.5s transform;-webkit-transition:.5s transform;transition:.5s transform}.ddcubeclass ul li div{font:700 4em Arial;padding-top:3px}.ddcubeclass ul li span{position:absolute;text-align:center;bottom:0;width:100%;left:0;font:700 1.2em Arial}