Προτεινόμενα μαθήματα:
- Προηγούμενη σελίδα CSS skewX() συνάρτηση
- Επόμενη σελίδα CSS sqrt() συνάρτηση
- Επιστροφή στο επίπεδο之上 Εγχειρίδιο Αναφοράς Λειτουργιών CSS
Η συνάρτηση 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() συνάρτηση
- Προηγούμενη σελίδα CSS skewX() συνάρτηση
- Επόμενη σελίδα CSS sqrt() συνάρτηση
- Επιστροφή στο επίπεδο之上 Εγχειρίδιο Αναφοράς Λειτουργιών CSS