Προτεινόμενα μαθήματα:

Η συνάρτηση skewY() του CSS

Καθορισμός και χρήση skewY() Η συνάρτηση skewY() του CSS

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

Παράδειγμα

Παράδειγμα 1

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

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

Προσπάθησε να το δοκιμάσεις!

Παράδειγμα 2

Χρήση skewY() Κλίση της εικόνας κατά μήκος του άξονα y με βάση τη δοθείσα γωνία:

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

Προσπάθησε να το δοκιμάσεις!

Γλωσσική γραμματική του CSS

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

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

Έκδοση: Μονόλεπτο Μόδου CSS Transforms 1

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

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

Χρωμέι Εντζ Φαίρφξεξ Σάφάρι Οπερα
1 12 3.5 3.1 10.5

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

Οδηγίες:CSS 2D μετασχηματισμός

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

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

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