Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Skeva Element för Unika Designer | Transformera Element med CSS
Avancerade CSS-tekniker

bookSkeva Element för Unika Designer

skew() möjliggör att avvika en elements sidor från koordinataxlarna med en specifik vinkel. Vinkeln måste anges i grader (deg). Det går även att bestämma skevning endast för x-axeln eller y-axeln. Syntaxen är följande:

transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
  • skew() accepterar 2 värden. Värdet X_angle anger skevningsvinkeln för x-axeln. Värdet Y_angle anger skevningsvinkeln för y-axeln. Om det andra värdet (Y_angle) inte anges, tolkas det av webbläsaren som skewX();
  • skewX(angle) anger skevning längs x-axeln;
  • skewY(angle) anger skevning längs y-axeln.

Följande exempel visar vad som kan uppnås med hjälp av skevning:

index.html

index.html

index.css

index.css

copy
question mark

Välj det korrekta påståendet.

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 6

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

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

bookSkeva Element för Unika Designer

Svep för att visa menyn

skew() möjliggör att avvika en elements sidor från koordinataxlarna med en specifik vinkel. Vinkeln måste anges i grader (deg). Det går även att bestämma skevning endast för x-axeln eller y-axeln. Syntaxen är följande:

transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
  • skew() accepterar 2 värden. Värdet X_angle anger skevningsvinkeln för x-axeln. Värdet Y_angle anger skevningsvinkeln för y-axeln. Om det andra värdet (Y_angle) inte anges, tolkas det av webbläsaren som skewX();
  • skewX(angle) anger skevning längs x-axeln;
  • skewY(angle) anger skevning längs y-axeln.

Följande exempel visar vad som kan uppnås med hjälp av skevning:

index.html

index.html

index.css

index.css

copy
question mark

Välj det korrekta påståendet.

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 6
some-alt