Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Inclinazione degli Elementi per Design Unici | Trasformazione degli Elementi con CSS
Tecniche CSS Avanzate

bookInclinazione degli Elementi per Design Unici

skew() consente di deviare i lati di un elemento rispetto agli assi cartesiani di un angolo specifico. L'angolo deve essere indicato in gradi (deg). È inoltre possibile determinare la distorsione solo per l'asse x o l'asse y. La sintassi è la seguente:

transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
  • skew() accetta 2 valori. Il valore X_angle specifica l'angolo di inclinazione per l'asse x. Il valore Y_angle specifica l'angolo di inclinazione per l'asse y. Se non viene impostato il secondo valore (Y_angle), il browser lo interpreta come skewX();
  • skewX(angle) specifica la distorsione lungo l'asse x;
  • skewY(angle) specifica la distorsione lungo l'asse y.

Eseguiamo il seguente esempio per osservare i risultati ottenibili tramite la distorsione:

index.html

index.html

index.css

index.css

copy
question mark

Seleziona l'affermazione corretta.

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 6

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

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

bookInclinazione degli Elementi per Design Unici

Scorri per mostrare il menu

skew() consente di deviare i lati di un elemento rispetto agli assi cartesiani di un angolo specifico. L'angolo deve essere indicato in gradi (deg). È inoltre possibile determinare la distorsione solo per l'asse x o l'asse y. La sintassi è la seguente:

transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
  • skew() accetta 2 valori. Il valore X_angle specifica l'angolo di inclinazione per l'asse x. Il valore Y_angle specifica l'angolo di inclinazione per l'asse y. Se non viene impostato il secondo valore (Y_angle), il browser lo interpreta come skewX();
  • skewX(angle) specifica la distorsione lungo l'asse x;
  • skewY(angle) specifica la distorsione lungo l'asse y.

Eseguiamo il seguente esempio per osservare i risultati ottenibili tramite la distorsione:

index.html

index.html

index.css

index.css

copy
question mark

Seleziona l'affermazione corretta.

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 6
some-alt