Ich versuche, eine Front- / Rückseite zu haben, die immer in die gleiche Richtung kippt. Ich habe die Flip mit CSS und Javascript implementiert, aber ich habe Schwierigkeiten darüber nachzudenken, wie man es immer nach rechts dreht, anstatt nach rechts zu drehen und dann wieder nach links zu kommen.
Ich benutze grundsätzlich ein div mit dem folgenden css
%Vor%und wenn der Benutzer darauf klickt, füge ich die Klasse "geflippt" zum div hinzu, die die CSS zu diesem ändert:
%Vor%sollte ich nur immer den Drehwinkel inkrementieren? irgendwelche anderen Ideen?
Hier ist der aktuelle Status und das vollständige CSS in einer Geige
Ich denke nicht, dass es mit Transformationen gemacht werden kann. Vielleicht können Sie es mit Keyframes tun. Ein ähnlicher Code:
%Vor%macht ähnlich wie Sie wollen. Beachten Sie, dass die Drehrichtung immer gleich ist.
Eine andere Möglichkeit, Übergang und Animation zu mischen (für die Änderung, wo der Übergang in die entgegengesetzte Richtung gehen würde ...)
Tags und Links javascript css3 css-transitions