Правильный ответ Испытание: восход солнца [14/20]

<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;
}