Как нарисовать рамку треугольникам если он построен в conic-gradient?

Question

[Danya Wyse]

Есть такой круг, нужны вот такие рамки внутри треугольника. Если задавать рамку то она квадратная

Круг нарисован вот так

background: conic-gradient( from -90deg, rgba(236, 55, 0, 1) 0 12.5%,rgba(245, 245, 245, 1) 0 25%,rgba(236, 55, 0, 1) 0 37.5%,rgba(245, 245, 245, 1) 0 50%,rgba(236, 55, 0, 1) 0 62.5%,rgba(245, 245, 245, 1) 0 75%,rgba(236, 55, 0, 1) 0 87.5%,rgba(245, 245, 245, 1) 0 100% );

Comments

[Антон Антон]

Почему не inline svg? Зачем нужно именно страдать используя css?

[Danya Wyse]

Антон Антон, а как мне сделать это инлайнами ?

[Danya Wyse]

Антон Антон, Я страдаю потому что не знаю сейчас у меня вот такой круг

[Антон Антон]

Danya Wyse,

а как мне сделать это инлайнами ?

https://developer.mozilla.org/ru/docs/Learn/HTML/M...

Можно посмотреть в инспекторе чуть похожий проект: https://yatr.fragster.ru/ (там все на js генерится, что достаточно удобно)
исходники, хоть и крутится стрелка а не поле, тут: https://github.com/FragsterAt/yatr могут быть полезны

я же правильно понимаю, что потом захочется все это еще и анимировать красивенько? )

[szQocks]

Danya Wyse, ну ты так и задавал бы вопрос, что не знаешь как сделать серые линии, а не квадрат епт

[szQocks]

Danya Wyse, можно сделать по какой-то такой идеи, но как это дерьмо через Js генерировать ( если колесо будет отрисовываться через js ) - идей у меня нет

https://codepen.io/kapysta-xxl/pen/VwgBowV

[Ankhena]

4 обычных градиента поверх конического

Answer 1

[szQocks]

width: 400px;
    height: 400px;
    border-radius: 50%;
    background: conic-gradient( from -90deg, rgba(236, 55, 0, 1) 0 12.5%,rgba(245, 245, 245, 1) 0 25%,rgba(236, 55, 0, 1) 0 37.5%,rgba(245, 245, 245, 1) 0 50%,rgba(236, 55, 0, 1) 0 62.5%,rgba(245, 245, 245, 1) 0 75%,rgba(236, 55, 0, 1) 0 87.5%,rgba(245, 245, 245, 1) 0 100% );

Comments

[Danya Wyse]

ну это то то что у меня есть

[szQocks]

Danya Wyse, тогда в чём проблема ? у меня не квадрат xd

[Danya Wyse]

Мне нужно что то типа солнышка нарисовать линиями

[szQocks]

Danya Wyse, в один слой градиента не выйдет, несколько слоёв ( несколько блоков друг на друге )