Я вообще не могу понять как диаграмма выполнена(
Все что касается геометрии жесть как озадачивает
Сделали мы круг из контейнера, потом всевдоэлементом сделали внутренний круг.
.pie {
position: absolute;
width: 100%;
height: 100%;
background-color: #aaaaaa;
border-radius: 50%;
clip: rect(0px, 75px, 150px, 0px);
}
Но как это работает? Что и как потом поварачивается через rotate?