snuweline
Threadersteller
Dabei seit: 18.10.2007
Ort: Köln
Alter: 42
Geschlecht:
|
Verfasst Fr 25.10.2019 16:21
Titel svg animation verzögerung wiederholung |
|
|
Hallo,
ich möchte ein Augenzwinkern mit svg animieren. Das Augenlied soll in Endlosschleife alle 30 Sekunden einmal geschlossen und direkt wieder geöffnet werden. Leider bekomme ich das nicht hin. Entweder es klimpert im Milisekundentakt oder ich muss jeden Start- und Endpunkt manuell eintragen, so wie hier:
Code: |
<!-- Pfad Augenlid geschlossen-->
<path id="augenlid" class="st0" d="M11.18,47.23c0,0,24.93-23.13,55.67-23.13s55.67,23.13,55.67,23.13S97.6,70.36,66.85,70.36 S11.18,47.23,11.18,47.23z">
<!-- Augenlid am Anfang öffnen -->
<animate id="augenlid" begin="1s" attributeName="d" dur="0.3s"
to="M11.18,47.23c0,0,24.93-23.13,55.67-23.13s55.67,23.13,55.67,23.13S96.08,24.1,65.33,24.1 S11.18,47.23,11.18,47.23z" fill="freeze"/>
<!-- Augenlid zwinkern zu -->
<animate id="augenlid" begin=" 5s; 15s; 25s; 95s; 125s; 155s; 185s;" attributeName="d" dur="0.1s"
to="M11.18,47.23c0,0,24.93-23.13,55.67-23.13s55.67,23.13,55.67,23.13S97.6,70.36,66.85,70.36 S11.18,47.23,11.18,47.23z" fill="freeze"/>
<!-- Augenlid zwinkern auf -->
<animate id="augenlid" begin="5.3s; 15.3s; 25.3; 95.3; 125.3; 155.3; 185.3;" attributeName="d" dur="0.1s"
to="M11.18,47.23c0,0,24.93-23.13,55.67-23.13s55.67,23.13,55.67,23.13S96.08,24.1,65.33,24.1 S11.18,47.23,11.18,47.23z" fill="freeze"/>
</path>
|
Es sollte doch möglich sein, eine Animation in Endlosschleife mit Verzögerung laufen zu lassen. Hat jemand einen Tipp für mich?
http://verenazechner.de/augeanzu.svg
|
|