FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: svg animation verzögerung wiederholung vom 25.10.2019

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> svg animation verzögerung wiederholung

Autor

Nachricht

snuweline
Threadersteller

Dabei seit: 18.10.2007
Ort: Köln
Alter: 42
Geschlecht: Weiblich

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:

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


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


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


   <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


	MGi Foren-Übersicht -> Allgemeines - Nonprint

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.