2017-10-27 1 views
1

Ich habe versucht, einen css 3-d Würfel mit einem Knopf Auslöser (#leftBtn) in Javascript zu drehen, aber ich bin mir nicht sicher, wie Animation in CSS funktioniert . Ich habe diese jQuery-Funktion versucht, wobei #leftBtn die Schaltfläche ist, mit der ich den Würfel drehen möchte, .renderLeft und .rotate sind die Klassen, die ich in Javascript aufrufen möchte, um die Form zu drehen, und #front ist die Vorderseite/das Quadrat der Würfel, den ich versuche, für jetzt zu drehen (wenden Sie es dann auf den Rest der Gesichter an). Hier ist ein jsfiddle mit dem ganzen Code.Wie man einen css 3D Würfel mit Javascript und jQuery mit einem Knopf Auslöser

$("#leftBtn").click(function(event) {  
     $("#front").toggleClass('renderLeft'); 
     $("#front").toggleClass('rotate');   
     }); 

Antwort

Verwandte Themen