Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Skalierung von Elementen | Transformation von Elementen mit CSS
Fortgeschrittene CSS-Techniken

bookSkalierung 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 und scaleY 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.html

index.css

index.css

copy
question mark

Welche der folgenden Optionen kann verwendet werden, um ein Element nur in horizontaler Richtung zu skalieren?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 2.04

bookSkalierung 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 und scaleY 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.html

index.css

index.css

copy
question mark

Welche der folgenden Optionen kann verwendet werden, um ein Element nur in horizontaler Richtung zu skalieren?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 2
some-alt