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

Ορισμός και χρήση

CSS skewX() Για να κλίσετε στοιχεία κατά μήκος του άξονα x με την καθορισμένη γωνία.

skewX() Η συνάρτηση χρησιμοποιείται transform Χρήση στην ιδιότητα.

Σημείωση:skewX(a) Συμμορφώνεται με skew(a, 0)!

Παράδειγμα

Παράδειγμα 1

Χρήση skewX() Κλίση πολλαπλών στοιχείων <div> κατά μήκος του άξονα x με την καθορισμένη γωνία:

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

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

Παράδειγμα 2

Χρήση skewX() Κλίση της εικόνας κατά μήκος του άξονα x με την καθορισμένη γωνία:

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

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

Γραμματική CSS

skewX(a)
Χρήση Περιγραφή
a Απαιτείται. Γωνία. Ορίζει την κλίση κατά μήκος του άξονα x.

Τεχνικά λεπτομέρειες

Έκδοση: Μονάδα Μετατροπών CSS Nivel 1

Υποστήριξη του προγράμματος περιήγησης

Ο αριθμός στην τράπεζα δεδομένων υποδεικνύει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως τη συνάρτηση.

Κρόμεο Ετζ Φάιρεξ Σάφάρι Οπερά
1 12 3.5 3.1 10.5

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

Εκμάθηση:Μεταμορφώσεις 2D CSS

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

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

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