Προτεινόμενη Σειρά

Συνάρτηση skew() CSS

Ορισμός και χρήση skew() Η CSS

skew() Η συνάρτηση χρησιμοποιείται για να κλίσει τα στοιχεία κατά τις δεδομένες γωνίες στον άξονα x και y. transform Χρήση στην ιδιότητα.

Παράδειγμα

Παράδειγμα 1

Χρήση skew() Κλίση πολλαπλών <div> στοιχείων:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Χρήση skew() Κλίση εικόνας:

#img1 {
  transform: skew(25deg);
}
#img2 {
  transform: skew(-25deg);
}
#img3 {
  transform: skew(10deg, 10deg);
}

Δοκιμάστε το προσωπικά

Γλωσσή CSS

skew(ax, ay)
Τιμή Περιγραφή
ax Απαιτείται. Γωνία. Ορίζει την κλίση κατά τον άξονα x.
ay Οπション. Γωνία. Ορίζει την κλίση κατά την άξονα y. Αν παραλειφθεί, η τιμή ορίζεται σε 0.

Τεχνικά Στοιχεία

Έκδοση: Μονάδα Μεταμορφώσεων CSS Level 1

Υποστήριξη περιηγητών

Τα αριθμήματα στη τάβλη καταγράφουν την έκδοση του πρώτου περιηγητή που υποστηρίζει αυτή τη λειτουργία.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Σελίδες σχετικές

Εκμάθηση:Μετασχηματισμοί 2D του CSS

Αναφορά:Η ιδιότητα transform του CSS

Αναφορά:Η συνάρτηση skewX() του CSS

Αναφορά:Η συνάρτηση skewY() του CSS