Задать css clip-path

Задание схематично показано на прилагаемом рисунке.

A: есть родительский блок(красным) и дочерний(синим).
родительский блок имеет overflow:hidden и border-radius:50%. в результате имеется В.

С: требуется задать дочернему(синему) clip-path'и так, чтобы обрезать его по зеленым линиям. по таким clip-path'ам дочерний будет анимированно обрезаться от 1 до 4 (от обрезанного состояния доводиться до...