Аранжировка элементов в форме искаженного круга с помощью CSS или JS [закрыто] ⇐ Javascript

[Anonymous]

Я пытаюсь разместить элементы в искаженную форму круга/контейнер, причем основной элемент помещается в нижний центр круга, а все остальные масштабируются дальше позади него.
Пожалуйста, смотрите это изображение для справки - цифры представляют шкалу элементов.
< /p>
Я хочу иметь возможность динамически вставлять новые элементы в контейнер, чтобы они автоматически следили за перекошенной формой. < /p>
В настоящее время я использую свойство: nth -child () и вручную настраивать все значения - таким образом, означает переработку всех из них, когда я хочу вставить что -то новое.
< P> Я ищу творческое решение только для CSS или JS. Любая помощь будет оценена!

Подробнее здесь: https://stackoverflow.com/questions/794 ... -css-or-js