HTML:Рецепты/Пульсирующий круг

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску

Пульсирующий круг

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
    <circle id="c" r="10" cx="200" cy="200" fill="red"/>
    <animate xlink:href="#c" attributeName="r" from="10" to="200" dur="5s" repeatCount="indefinite"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">

   <circle id="c" r="10" cx="200" cy="200" fill="red"/>
   <animate xlink:href="#c" attributeName="r" from="10" to="200" dur="5s" repeatCount="indefinite"/>

</svg>

См.также

Внешние ссылки