Servus! > > > Mal einen Kreis in SVG, speicher ihn und lad' ihn hier hoch. <https://maxwellito.github.io/vivus-instant/> > > > Wie kann man einen gezeichneten Kreis mit Farbe füllen? Eine Animation der fill-Eigenschaft von `none` auf `red` würde ja sprunghaft erscheinen. Ich hab mal eine CSS-Animation von fill-opacity gemacht. Rechts gibt es zwei SMIL-Animationen, die ich eigentlich vermeiden wollte. [](/images/6f0aa306-c453-11eb-aa76-b42e9947ef30.svg) *(Um Animation zu wiederholen; Grafik im neuen Tab laden!)* Hat jemand noch Ideen? Ein zweites Element, dessen Pfad animiert wird, wäre auch zu schwierig, um die Funktionsweise zu erklären. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > > > Mal einen Kreis in SVG, speicher ihn und lad' ihn hier hoch. <https://maxwellito.github.io/vivus-instant/> > > > Wie kann man einen gezeichneten Kreis mit Farbe füllen? Eine Animation der fill-Eigenschaft von `none` auf `red` würde ja sprunghaft erscheinen. Ich hab mal eine CSS-Animation von fill-opacity gemacht. Rechts gibt es zwei SMIL-Animationen, die ich eigentlich vermeiden wollte. [](/images/6f0aa306-c453-11eb-aa76-b42e9947ef30.svg) *(Um Animation zu wiederholen; Seite neu laden!)* Hat jemand noch Ideen? Ein zweites Element, dessen Pfad animiert wird, wäre auch zu schwierig, um die Funktionsweise zu erklären. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > > > Mal einen Kreis in SVG, speicher ihn und lad' ihn hier hoch. <https://maxwellito.github.io/vivus-instant/> > > > Wie kann man einen gezeichneten Kreis mit Farbe füllen? Eine Animation der fill-Eigenschaft von `none` auf `red` würde ja sprunghaft erscheinen. Ich hab mal eine CSS-Animation von fill-opacity gemacht. Rechts gibt es zwei SMIL-Animationen, die ich eigentlich vermeiden wollte. [](/images/6f0aa306-c453-11eb-aa76-b42e9947ef30.svg) *(Um Animation zu wiederholen; Seite neu laden!)* Hat jemand noch Ideen? Ein zweites Element, dessen Pfad animiert wird, wäre auch zu schwierig, um die Funtkionsweise zu erklären. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“