CSS3-Animation-Vertikal

Question

Ich möchte diesen Code verwenden, aber ich möchte, dass Animation vertikal geht.

generasacodicetagpre.

Ich habe diesen Kodex hier gefunden: http://jsfiddle.net/e3wld/3/

danke für hilfe

Answer 1

Die Hintergrundposition akzeptiert 2 Parameter:

.
• der erste für horizontale Positionierung
• und der zweite für vertikale Positionierung

mehr Infos zu Hintergrundposition auf W3schools

Wenn Sie also einen zweiten Parameter an die Hintergrundpositionseigenschaft hinzufügen können, können Sie Animieren Sie Ihren Hintergrund senkrecht.

Ich habe Ihre jsfiddle

zu diesem:

generasacodicetagpre.

Answer 2

Ich kann vertikal tun, indem ich das Element 90 Grad umwandelt.

generasacodicetagpre.

Arbeitsgilde

Answer 3

Sie setzen nur einen der Hintergrundpositionswerte ein und animieren, sodass er davon ausgeht, dass sich die erste (X-Position) und die anderen Standardeinstellungen für AUTO verweisen (ich denke).

Versuchen Sie es mit

** jsfiddle Demo **

css

generasacodicetagpre.

Answer 4

Wenn Sie es so einstellen möchten, um so drehen wie folgt: http://jsfiddle.net/jme11/aykc2/

Sie müssen dann die Wiederholung in den generationspflichtigen REPEAT einstellen und die Hintergrundposition ändern, um die Höhe der Elemente anzupassen:

generasacodicetagpre.