Как исправить мои стрелки SVG, чтобы они указывали вверх и вниз, и поэтому формы «стрелки» расположены на концах линий с ⇐ CSS

[Anonymous]

ниже - HTML и CSS круга, чьи стрелки должны указывать друг на друга по отношению к окружности круга, и это хорошо в кругу. Пожалуйста, найдите пример изображения. Я хочу, чтобы стрелка была похожей на пример, сохраняя цветовую тему одинаковой: < /p>

Код: Выделить всё

html, body {
height: 100%;
font-family: 'Roboto Mono', monospace;
background-color: hsl(243, 12%, 29%);
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}

.drawing {
position: relative;
width: 500px;
height: 500px;
}

.circle-svg {
width: 100%;
height: 100%;
}

.c3 {
fill: none;
stroke: hsl(218, 38%, 76%);
stroke-width: 5;
}

.vertical-line {
stroke: hsl(0, 0%, 60%);
stroke-width: 2;
}

.diameter-label {
fill: hsl(0, 0%, 90%);
font-size: 16px;
font-weight: bold;
alignment-baseline: middle;
}< /code>



















200 mm

Подробнее здесь: https://stackoverflow.com/questions/795 ... row-shapes