0
例、SVGローダーアニメーションを作成したいと思います。 これらのドットがdoesntのアニメーションが行われたときになくなっ:ループ時のアニメーションイージング/ SVGの遅延を防ぐ方法は?
私はいくつかの変遷/緩和/遅延ループしたときに(私は申し訳ありません呼び出すために何を知らない)
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 590 100">
<circle id="a1" cx="70" cy="70" r="20"/>
<circle id="a2" cx="120" cy="70" r="20"/>
<circle id="a3" cx="170" cy="70" r="20"/>
<circle id="a4" cx="220" cy="70" r="20"/>
<circle id="a5" cx="270" cy="70" r="20"/>
<circle id="a6" cx="320" cy="70" r="20"/>
<circle id="a7" cx="370" cy="70" r="20"/>
<circle id="a8" cx="420" cy="70" r="20"/>
<circle id="a9" cx="470" cy="70" r="20"/>
<circle id="a10" cx="520" cy="70" r="20"/>
<animate xlink:href="#a1" attributeName="visibility" from="hidden" to="visible" begin="0.1s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a2" attributeName="visibility" from="hidden" to="visible" begin="0.2s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a3" attributeName="visibility" from="hidden" to="visible" begin="0.3s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a4" attributeName="visibility" from="hidden" to="visible" begin="0.4s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a5" attributeName="visibility" from="hidden" to="visible" begin="0.5s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a6" attributeName="visibility" from="hidden" to="visible" begin="0.6s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a7" attributeName="visibility" from="hidden" to="visible" begin="0.7s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a8" attributeName="visibility" from="hidden" to="visible" begin="0.8s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a9" attributeName="visibility" from="hidden" to="visible" begin="0.9s" dur="1s" repeatCount="indefinite" />
<animate xlink:href="#a10" attributeName="visibility" from="hidden" to="visible" begin="1s" dur="1s" repeatCount="indefinite" />
</svg>
にこのデモを見てみました。
私は(現在のデモは約4ドットが動作して表示される)を実行しているドット(1つのドット)を表示したい
私が行方不明です何、どうしたらよいでしょうか?