Paul Hayes' example of spheres with CSS

css3d.rotation.sphere.example.js

var panels = p || this.panels,
rounds = r || this.rounds,
rotationPerPanel = 360/panels,
rotationPerRound = 360/2/rounds,
yRotation, xRotation,
width = this.panelWidth,
zTranslate = (width/2) / Math.tan(rotationPerPanel * Math.PI/180),
$container = this.el,
$ul, $li, i, j;

this.el.html('');
for(i = 0; i < rounds; i++) {
        $ul = $('<ul>');
        xRotation = rotationPerRound * i;
        $ul[0].style.webkitTransform = "rotateX("+ xRotation + "deg)";
        for(j = 0; j < panels; j++) {
                $li = $('<li>');
                yRotation = rotationPerPanel * j;
                $li[0].style.webkitTransform = "rotateY("+ yRotation +"deg)
                         translateZ("+ zTranslate +"px)";
                $ul.append($li);
        }
        $container.append($ul);
}