<svg width="300" height="290">
<rect width="100%" height="70%" fill="skyblue" />
<rect width="100%" height="300%" x="0" y="180" fill="yellowgreen" />
<rect width="10" height="30" x="210" y="230" rx="5" fill="black" />
<rect width="10" height="30" x="80" y="230" rx="5" fill="black" />
<circle r="100" cx="150" cy="160" fill="crimson"/>
<circle r="80" cx="150" cy="160" fill="white"/>
<circle r="60" cx="150" cy="160" fill="crimson"/>
<circle r="40" cx="150" cy="160" fill="white"/>
<circle r="20" cx="150" cy="160" fill="crimson"/>
</svg>
1 лайк
Мой код получился таким. Решение 100% показало
<svg width="300" height="290">
<rect width="300" height="180" fill="skyblue"/>
<rect width="300" height="110" y=180 fill="yellowgreen"/>
<rect width="10" height="30" rx="5" x="80" y="230" fill="black" />
<rect width="10" height="30" rx="5" x="210" y="230" fill="black"/>
<circle r="100" cx="150" cy="160" fill="crimson"/>
<circle r="80" cx="150" cy="160" fill="white"/>
<circle r="60" cx="150" cy="160" fill="crimson"/>
<circle r="40" cx="150" cy="160" fill="white"/>
<circle r="20" cx="150" cy="160" fill="crimson"/>
</svg>