Animaciones mundo

border-radius:50%; con esto se convierte el DIV en una pelota
background-position:0px 0px; Que la posición sea la original al 0%, el lado izquierdo
width: 329px;height: 329px; Estos van con la medida de la altura de la imagen
background-position:-1096px 0px; al 100% el keyframe deberá recorrer los 1096px de largo de la imágen
linear hace que la velocidad sea constante

height:190px;width:190px; si los hago más chicos se ven los lados
border-width:200px 0px 200px 346px; arriba, derecha,abajo,izquierda
Es importante el orden en que se rotan las cosas
perspective:500px; Es de que tan lejos estoy viendo la figura
perspective-origin: -500px -500px; Le da la inclinación para que se vea en 3D
transform-style: preserve-3d; para que se vea en 3 dimensiones
Hay que hacer el translate antes que los rotate, porque si lo rotas los ejes cambian