Skalierung von Elementen
scale()
ermöglicht es, die Größe eines Elements zu vergrößern oder zu verkleinern. Außerdem kann ein Element nur vertikal mit der Eigenschaft scaleY()
oder nur horizontal mit der Eigenschaft scaleX()
skaliert werden.
transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);
Die Werte für die scale
-Funktionen müssen einheitenlos sein. Standardmäßig ist der Wert 1
, was bedeutet, dass keine Änderung vorgenommen wird.
- Die Funktion
scale()
kann zwei Werte erhalten. Der erste (X-value
) ist die Zahl für die horizontale Skalierung. Der zweite (Y-value
) ist die Zahl für die vertikale Skalierung. Wenn nur ein Wert gesetzt wird, wendet der Browser diesen sowohl für die horizontale als auch für die vertikale Skalierung an; - Die Funktionen
scaleX
undscaleY
erhalten jeweils einen Wert und ändern ein Element entsprechend horizontal bzw. vertikal.
Nun folgt eine Übung, bei der das Skalieren für die folgenden Elemente hinzugefügt wird:
index.html
index.css
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.04
Skalierung von Elementen
Swipe um das Menü anzuzeigen
scale()
ermöglicht es, die Größe eines Elements zu vergrößern oder zu verkleinern. Außerdem kann ein Element nur vertikal mit der Eigenschaft scaleY()
oder nur horizontal mit der Eigenschaft scaleX()
skaliert werden.
transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);
Die Werte für die scale
-Funktionen müssen einheitenlos sein. Standardmäßig ist der Wert 1
, was bedeutet, dass keine Änderung vorgenommen wird.
- Die Funktion
scale()
kann zwei Werte erhalten. Der erste (X-value
) ist die Zahl für die horizontale Skalierung. Der zweite (Y-value
) ist die Zahl für die vertikale Skalierung. Wenn nur ein Wert gesetzt wird, wendet der Browser diesen sowohl für die horizontale als auch für die vertikale Skalierung an; - Die Funktionen
scaleX
undscaleY
erhalten jeweils einen Wert und ändern ein Element entsprechend horizontal bzw. vertikal.
Nun folgt eine Übung, bei der das Skalieren für die folgenden Elemente hinzugefügt wird:
index.html
index.css
Danke für Ihr Feedback!