Animieren Sie CSS3-Rotation OnClick mit Prev und Next

Question

Ich habe einen Kreis, den ich um 90 Grad umwandeln muss, wenn ein Onclick auf einer .next-Klasse und -90-Degresse abgefeuert wird, wenn auf .PREV

Ich habe es geschafft, den folgenden Code anzunehmen, basierend auf dem, was ich selbst Google konnte!

generasacodicetagpre.

und soweit funktioniert es mit nur einem klick!Aber ich brauche es, um 180 zu drehen, wenn Sie zweimal auf ..next klicken und wie 360, wenn Sie auf 4-fach auf klicken.

Aber ich kann es nicht scheinen, es zu arbeiten, weshalb ich mich jetzt an Sie wende, solche Experten :)

Answer 1

Sie benötigen eine inkrementelle Rotation.

Ich denke, dieses Thema hat einige gute Tipps für Sie:

45-Grad-Rotationsinkrement auf Klick mit Outmit variablen