HTML:Рецепты/Пульсирующий круг: различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
(Новая страница: «{{HTML панель перехода}} ==Пульсирующий круг== <syntaxhighlight lang="svg" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> <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> </syntaxhighlight> =См.также= =Внешние ссыл...»)
 
Нет описания правки
Строка 3: Строка 3:
==Пульсирующий круг==
==Пульсирующий круг==


<syntaxhighlight lang="svg" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS">
<syntaxhighlight lang="html5" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS">
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
     <circle id="c" r="10" cx="200" cy="200" fill="red"/>
     <circle id="c" r="10" cx="200" cy="200" fill="red"/>

Версия от 23:17, 1 ноября 2023

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

<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>

См.также

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