Это может быть достигнуто следующими способами.
1) создайте родительский элемент div и добавьте большой круг в качестве фона.
2) добавьте маленькие кружки в качестве дочернего элемента и расположите круг в качестве упоминания, вам нужно применитьвращать и переводить свойство CSS. См. ссылка только для этой цели
3) Затем добавьте событие mouse over, mouse down и mouse up в Parent DIV,Применить и повернуть свойство CSS при наведении мыши вниз. Для этого см. ссылка Просьба обратить внимание, что вы не сможете проверить данную ссылку в браузере настольного компьютера, так как в коде присутствуют TOUCH EVENTS, необходимо преобразовать события касания в событие мыши , чтобы добиться того же, но этот код можно протестировать на iphone.