Η συνάρτηση skewY
Η συνάρτηση skewY ορίζει τη λοξότητα ενός στοιχείου
στον άξονα Y, μετατρέποντάς το σε παραλληλόγραμμο.
Χρησιμοποιείται μαζί με την ιδιότητα transform.
Ως τιμή της ιδιότητας χρησιμοποιείται μια γωνία σε οποιεσδήποτε μονάδες
για γωνίες. Η γωνία μπορεί να είναι είτε θετική,
είτε αρνητική. Μια θετική τιμή
προκαλεί λοξότητα προς τα πάνω, ενώ μια αρνητική - προς τα κάτω.
Η λοξότητα πραγματοποιείται γύρω από το σημείο που ορίζεται από
την ιδιότητα transform-origin.
Σύνταξη
επιλογέας {
transform: skewY(γωνία);
}
Παράδειγμα
Σε αυτό το παράδειγμα, το μπλοκ έχει λοξότητα 30
μοιρών προς τα πάνω:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Παράδειγμα
Σε αυτό το παράδειγμα, το μπλοκ έχει λοξότητα 30
μοιρών προς τα κάτω:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
