Испытание: мишень [9/15] - 100%

Курсы §36. Знакомство с SVG
1

<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" x="80" y="230" rx="5" fill="black"/> <rect width="10" height="30" x="210" y="230" rx="5" fill="black"/> <circle r="100" cx="50%" cy="160" fill="crimson"/> <circle r="80" cx="50%" cy="160" fill="white"/> <circle r="60" cx="50%" cy="160" fill="crimson"/> <circle r="40" cx="50%" cy="160" fill="white"/> <circle r="20" cx="50%" cy="160" fill="crimson"/> </svg>

2

Немного по-другому сделал прямоугольники.

<svg width="300" height="290">
    <rect width="100%" height="100%" fill="skyblue"/>
    <rect width="100%" height="40%" y="180" fill="yellowgreen"/>
    <rect width="10" height="30" x="80" y="230" rx="5" fill="black"/>
    <rect width="10" height="30" x="210" y="230" rx="5" fill="black"/>
    
    <circle r="100" cx="50%" cy="160" fill="crimson"/>
    <circle r="80" cx="50%" cy="160" fill="white"/>
    <circle r="60" cx="50%" cy="160" fill="crimson"/>
    <circle r="40" cx="50%" cy="160" fill="white"/>
    <circle r="20" cx="50%" cy="160" fill="crimson"/>
</svg>
1 лайк