Hét vraag- en antwoordplatform van Nederland

is het mogelijk een css animatie opnieuw laten afspelen met onClick()?

ik heb een animatie gemaakt met css die er voor zorgt dat een foto van een bal gaat rollen. nu wil ik er voor zorgen dat iedere keer dat je op de bal klikt de animatie opnieuw word afgespeeld. ik heb nu met javascript het voor elkaar dat de eerste keer dat je er op klikt de animatie word afgespeeld maar als je er daarna nog een keer op klikt stopt de animatie halverwege.

html:http://pastebay.net/1263085
css:http://pastebay.net/1263086
ik heb de code op dit moment nog niet compatible met alle browsers maar ik doe dit normaal als ik alles heb werken.
javascript:http://pastebay.net/1263087

Toegevoegd na 1 minuut:
ik was de spaties vergeten en dus werken bovenstaande links niet. hierbij werkende links:
http://pastebay.net/1263085
http://pastebay.net/1263086
http://pastebay.net/1263087

Verwijderde gebruiker
11 jaar geleden
898

Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.

Het beste antwoord

Als je met onCkick zorgt dat de bewuste .class waarin de animatie zit er af gehaald wordt, en er weer opgezet wordt, dan start de animatie opnieuw.
(Lees meer...)
Verwijderde gebruiker
11 jaar geleden

Weet jij het beter..?

Het is niet mogelijk om je eigen vraag te beantwoorden Je mag slechts 1 keer antwoord geven op een vraag Je hebt vandaag al antwoorden gegeven. Morgen mag je opnieuw maximaal antwoorden geven.

0 / 5000
Gekozen afbeelding