Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Skalering af Elementer | Transformering af Elementer med CSS
Avancerede CSS-teknikker

bookSkalering af Elementer

scale() giver os mulighed for at forstørre eller formindske elementets størrelse. Vi kan også ændre størrelsen på et element kun vertikalt ved at bruge scaleY()-egenskaben eller kun horisontalt ved at bruge scaleX()-egenskaben.

transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);

Værdierne for scale-funktionerne skal være uden enheder. Som standard er værdien 1, hvilket betyder, at der ikke foretages ændringer.

  • scale()-funktionen kan modtage to værdier. Den første (X-value) er tallet, der repræsenterer den horisontale skalering. Den anden (Y-value) er tallet, der repræsenterer den vertikale skalering. Hvis vi angiver én værdi, anvender browseren den samme for både horisontal og vertikal skalering;
  • scaleX- og scaleY-funktionerne modtager én værdi og ændrer et element henholdsvis horisontalt og vertikalt.

Lad os øve os og tilføje skalering til følgende elementer:

index.html

index.html

index.css

index.css

copy
question mark

Hvilke af følgende muligheder kan bruges til kun at skalere et element i den vandrette retning?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.04

bookSkalering af Elementer

Stryg for at vise menuen

scale() giver os mulighed for at forstørre eller formindske elementets størrelse. Vi kan også ændre størrelsen på et element kun vertikalt ved at bruge scaleY()-egenskaben eller kun horisontalt ved at bruge scaleX()-egenskaben.

transform: scale(X-value, Y-value);
transform: scaleX(value);
transform: scaleY(value);

Værdierne for scale-funktionerne skal være uden enheder. Som standard er værdien 1, hvilket betyder, at der ikke foretages ændringer.

  • scale()-funktionen kan modtage to værdier. Den første (X-value) er tallet, der repræsenterer den horisontale skalering. Den anden (Y-value) er tallet, der repræsenterer den vertikale skalering. Hvis vi angiver én værdi, anvender browseren den samme for både horisontal og vertikal skalering;
  • scaleX- og scaleY-funktionerne modtager én værdi og ændrer et element henholdsvis horisontalt og vertikalt.

Lad os øve os og tilføje skalering til følgende elementer:

index.html

index.html

index.css

index.css

copy
question mark

Hvilke af følgende muligheder kan bruges til kun at skalere et element i den vandrette retning?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 2
some-alt