CSS3 --- 2D-Transformation

transformieren

Übergangsursprung: Legen Sie den Ursprung fest, auf den die Transformation im Objekt verweist

keine: keine Transformation

Translate([,]): Gibt die 2D-Übersetzung des Objekts an (2D-Übersetzung). Der erste Parameter entspricht der X-Achse und der zweite Parameter entspricht der Y-Achse. Wenn der zweite Parameter nicht angegeben wird, ist er standardmäßig 0.

translatorX(): Geben Sie die X-Achsen-Versetzung des Objekts an

translatorY(): Geben Sie die Y-Achsen-Verschiebung des Objekts

an

Rotate(): Gibt die 2D-Rotation des Objekts (2D-Rotation) an, wofür die Definition des vorhandenen Attributs „transition-origin“

erforderlich ist

Scale([,]): Gibt den 2D-Maßstab des Objekts an (2D-Skalierung). Der erste Parameter entspricht der X-Achse und der zweite Parameter entspricht der Y-Achse. Wenn der zweite Parameter nicht angegeben wird, wird standardmäßig der erste Parameter verwendet.

ScaleX(): Gibt die (horizontale) Skalierung der X-Achse des Objekts an

ScaleY(): Gibt die (vertikale) Skalierung der Y-Achse des Objekts an

　skew(): Gibt die Skew-Transformation des Objekts an (schräge Verzerrung). Der erste Parameter entspricht der X-Achse und der zweite Parameter entspricht der Y-Achse. Wenn der zweite Parameter nicht angegeben wird, ist er standardmäßig 0.

　skewX(): Gibt die (horizontale) Verzerrung der Y-Achse des Objekts an

　skewY(): Gibt die (horizontale) Verzerrung der Y-Achse des Objekts an

Übergang:

transtion:[transtion-property]||[transtion-duration]||[transtion-timing-function]||[transtion-delay]

Transtion-property: Rufen Sie die Eigenschaften des Objekts ab, das am Übergangsstandard beteiligt ist, oder legen Sie sie fest

Übergangsdauer: Rufen Sie die Dauer des Objektübergangs ab oder legen Sie sie fest

Übergangs-Timing-Funktion: Rufen Sie den Animationstyp des Objektübergangs ab oder legen Sie ihn fest

Übergangsverzögerung: Rufen Sie die Zeit des Objektverzögerungsübergangs ab oder legen Sie sie fest

Animation:

Animation:[Animationsname]||[Animationsdauer]||[Animations-Timing-Funktion]||[Animationsverzögerung]||[Animationsiterationsanzahl]||[Animationsrichtung]

Animationsname: Rufen Sie den auf das Objekt angewendeten Animationsnamen ab oder legen Sie ihn fest

Animationsdauer: Rufen Sie die Dauer der Objektanimation ab oder legen Sie sie fest

Animation-Timing-Funktion: Abrufen oder Festlegen des Übergangstyps der Objektanimation

Animationsverzögerung: Rufen Sie die Verzögerungszeit der Objektanimation ab oder legen Sie sie fest

animation-iteration-count: Anzahl der Zyklen der Objektanimation abrufen oder festlegen

Animationsrichtung: Abrufen oder Festlegen, ob sich die Objektanimation in der Schleife in umgekehrter Richtung bewegt