CSS3 drehen das Bild, das seine linke obere Position erhalten

Question

Ich habe ein Bild, das Breite und Höhe variieren kann.Ich möchte in der Lage sein, das Bild, das anfängliche obere und linke Positionen aufbewahrt, drehen können.Ich verwende Transformation: Rotat (270DEG); Das Problem ist, dass sich das Bild nach links bewegt.Ich weiß, dass CSS-Eigenschaft des Transformation-Origin das Problem lösen kann, aber wie berechnet Sie die oberen linken Werte für diese Eigenschaft?Vielleicht gibt es dafür eine Formel? Hier ist das Beispiel, das zeigt, dass das Bild von der anfänglichen linken Position links in die linke bewegt wird. http://jsfiddle.net/h48ca/2/

generasacodicetagpre.

Answer 1

Dies ist die Rotation - drehen animation

.

note : Größe des Bildes wurde aufgrund einer besseren Sichtbarkeit modifiziert!

html

generasacodicetagpre.

css

generasacodicetagpre.