SVG mit Pingpong-Effekt

[Thomas Meinike]

Hallo Thomas,

Ich würde hier satt die zweite Ellipse einen Kreis nehmen:

<circle id="pupil" cy="111px" cx="322px" r="0px" style="stroke: #000000; fill: #000000">
<animate id="p1" attributeName="r" attributeType="XML" begin="0; p2.begin+5s" dur="5s" fill="freeze" from="0" to="47" />
<animate id="p2" attributeName="r" attributeType="XML" begin="p1.begin+5s" dur="5s" fill="freeze" from="47" to="0"  />
</circle>

Noch'n Tick kuerzer und einfacher mit anderen Werten anzupassen:
begin="0; p2.begin+5s" --> begin="0; p2.end"
bzw.
begin="p1.begin+5s" --> begin="p1.end"

Grüße
Thomas

Ebenso ;-)