Gostaria de saber como faria para rotacionar um objeto (div) em torno do eixo de um outro objeto (outra div). Meu problema é o seguinte: Tenho um circulo maior e 5 círculos menores localizados na parte abaixo deles, cada circulo é uma div.
Preciso que ao clicar em qualquer um dos 5 círculos menores, o mesmo vá para a posição em que se encontra o 3 dando uma volta no circulo maior, da esquerda para a direita. Exemplo de rotação ao clicar no 4:
Preciso que isso seja feito apenas em CSS, mas em caso de inviabilidade, a solução poderia ser feita em js se não for muito extensa, obrigado!