Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Skråstilling av Elementer for Unike Design | Transformasjon av Elementer med CSS
Avanserte CSS-teknikker

bookSkråstilling av Elementer for Unike Design

skew() gjør det mulig å avvike et elements sider fra koordinataksene med en spesifikk vinkel. Vinkelen må angis i grader (deg). Det er også mulig å angi skevhet kun for x-aksen eller y-aksen. Syntaksen er som følger:

transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
  • skew() aksepterer 2 verdier. Verdien X_angle angir skevvinkelen for x-aksen. Verdien Y_angle angir skevvinkelen for y-aksen. Hvis den andre verdien (Y_angle) ikke settes, tolker nettleseren det som skewX();
  • skewX(angle) angir skevhet langs x-aksen;
  • skewY(angle) angir skevhet langs y-aksen.

Se følgende eksempel for å illustrere hva som kan oppnås ved bruk av skevhet:

index.html

index.html

index.css

index.css

copy
question mark

Velg den riktige påstanden.

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 6

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Suggested prompts:

Can you show me an example of how skew() works in CSS?

What is the visual effect of skewing an element?

How do skewX() and skewY() differ in their results?

Awesome!

Completion rate improved to 2.04

bookSkråstilling av Elementer for Unike Design

Sveip for å vise menyen

skew() gjør det mulig å avvike et elements sider fra koordinataksene med en spesifikk vinkel. Vinkelen må angis i grader (deg). Det er også mulig å angi skevhet kun for x-aksen eller y-aksen. Syntaksen er som følger:

transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
  • skew() aksepterer 2 verdier. Verdien X_angle angir skevvinkelen for x-aksen. Verdien Y_angle angir skevvinkelen for y-aksen. Hvis den andre verdien (Y_angle) ikke settes, tolker nettleseren det som skewX();
  • skewX(angle) angir skevhet langs x-aksen;
  • skewY(angle) angir skevhet langs y-aksen.

Se følgende eksempel for å illustrere hva som kan oppnås ved bruk av skevhet:

index.html

index.html

index.css

index.css

copy
question mark

Velg den riktige påstanden.

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 6
some-alt