@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>
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
Martovitskiy
@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>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы