CSS: animación circular

A continuación un ejemplo de animación para conseguir en CSS3 un efecto de bola o circulo girando de forma circular indefinidamente:

.contenedor-circulo{
    width:250px;
    height: 250px;
    margin:0 auto; 
    text-align:center;
    background: #E5E5E5;
    border-radius:50%;
}
.circulo {
    display:inline-block;
    width: 50px;
    height: 50px;
    margin-top: 100px;
    background:#000;
    border-radius:50%;
    animation: girar 2s infinite linear;
}
@keyframes girar {
    from { transform: rotate(0deg)  translate(-100px) rotate(0deg); }
    to { transform: rotate(360deg) translate(-100px) rotate(-360deg); }
}

Resultado: