nicht angemeldet
Animation wieder in den Ursprungszustand bringen
Hallo ihr Hilfreichen,
ich habe mit CSS eine Animation gebastelt, die Bilder nach rechts verschiebt.
Klappt wunderbar auf dem Notebook mit Firefox und IE. Die Animation läuft ab und kehrt wieder zurück, wenn der Mauszeiger aus dem Bild bewegt wird.
Klappt zur Hälfte auf einem Tablet unter Android (mit Firefox).
Auf dem Tablet läuft die Animation nach einer Berührung des Touchscreens ab, kehrt aber nicht in den Ausgangszustand zurück, wenn ich scrolle oder den Touchscreen irgendwo anders berühre.
Hier mein Code:
.kommBild {transition-property: all; transition-duration: 32s, 1s;transition-timing-function:ease-in-out;}
.kommBild:hover {transform: translate(-5500px,0px);}
Was muss ich tun, um den Ausgangszustand wieder zu erhalten?
Habe versucht mit @keyframes ein "hin und her" zu definieren, indem ich erst alles nach rechts und dann nach links verschiebe, das führte aber nur dazu, dass es keine Animation mehr gab.
Auch 2 transform-Anweisungen hintereinander helfen nicht, dann wird immer nur die zuletzt genannte ausgeführt.
Danke!
Günter