<circle r="70" cx="50%" cy="100%" fill="none" stroke="tomato" stroke-width="150" stroke-dasharray="15"/>
<circle r="60" cx="50%" cy="100%" fill="none" stroke="darkorange" stroke-width="125" stroke-dasharray="10"/>
<circle r="50" cx="50%" cy="100%" fill="gold" stroke="gold" stroke-width="75" stroke-dasharray="15 10"/>
13 лайков
хорошо когда кому то полезен , благодарю:slight_smile:
3 лайка
Мой вариант
солнце
/* Используемые цвета:
tomato, darkorange, gold
*/
svg {
border: 1px solid #dddddd;
fill: none;
}
circle:first-child {
stroke: tomato;
stroke-width: 150;
stroke-dasharray: 15;
}
circle:nth-child(2) {
stroke: darkorange;
stroke-width: 125;
stroke-dasharray: 10;
}
circle:last-child {
fill: gold;
stroke: gold;
stroke-width: 75;
stroke-dasharray: 15 10;
}
2 лайка
.circle-1 {
fill: none;
stroke: tomato;
stroke-width: 150;
stroke-dasharray: 15;
}
.circle-2 {
fill: none;
stroke: darkorange;
stroke-width: 125;
stroke-dasharray: 10;
}
.circle-3 {
fill: gold;
stroke: gold;
stroke-width: 75;
stroke-dasharray: 15 10;
}