Как реализовать задержку в бесконечной анимации?

Question

[arver]

Как реализовать задержку в бесконечной анимации?Смотрел похожие темы,там было написано,что нужно удалить repeatCount="indefinite".Но анимация теперь отрабатывает всего один раз.

<svg>
      <circle id="green" r="19" cx="50" cy="50" fill="green" fill-opacity=".82"/>
      <animate
              xlink:href="#green"
              attributeName="r"
              from="19"
              to="30"
              dur="3s"
              begin="3s;green.end+5s"/>
</svg>

Answer 1

[Martovitskiy]

<svg>
  <circle  r="19" cx="50" cy="50" fill="green" fill-opacity=".82">
    <animate id="green" attributeType="CSS" attributeName="r"
             from="19" to="30" dur="3s" begin="3s;green.end+3s" />
  </circle>
</svg>

Comments

[arver]

Спасибо за помощь.

[Martovitskiy]

arver, Всегда пожалуйста