CSS3-Animation-Vertikal
Frage
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
Lösung
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.Andere Tipps
Ich kann vertikal tun, indem ich das Element 90 Grad umwandelt.
generasacodicetagpre.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
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.