Code sample for http://dtott.com/thoughts/2012/01/25/fun-with-3d-css-shapes.html

fun-with-3d-css-shapes-sample-1.css

#sphere div{
    border-width: 1px;
    border-color:#900;
    border-style: solid;
    -webkit-border-radius: 100px;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: center center 0;
}
.sphere .slice-0{ -webkit-transform: rotateY(0deg); }
.sphere .slice-1{ -webkit-transform: rotateY(1deg); }
.sphere .slice-2{ -webkit-transform: rotateY(2deg); }
.sphere .slice-3{ -webkit-transform: rotateY(3deg); }
.sphere .slice-4{ -webkit-transform: rotateY(4deg); }
.sphere .slice-5{ -webkit-transform: rotateY(5deg); }
.sphere .slice-6{ -webkit-transform: rotateY(6deg); }
...