skewY funksiyası
skewY funksiyası elementi Y oxu üzrə əyərək,
onu paraleloqrama çevirir.
transform xüsusiyyəti ilə birlikdə istifadə olunur.
Xüsusiyyətin dəyəri kimi bucaq ölçü vahidlərindən istəniləni göstərmək olar.
Bucaq müsbət və ya mənfi ola bilər.
Müsbət dəyər yuxarıya doğru əyilmə, mənfi dəyər isə aşağıya doğru əyilmə yaradır.
Əyilmə, transform-origin xüsusiyyəti ilə təyin olunan nöqtə ətrafında həyata keçirilir.
Sintaksis
cssselektor {
transform: skewY(bucaq);
}
Nümunə
Bu nümunədə blok yuxarıya doğru 30
dərəcə əyilib:
html<div id="elem">lorem ipsum</div>css#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
Результат:
Nümunə
Bu nümunədə blok aşağıya doğru 30
dərəcə əyilib:
html<div id="elem">lorem ipsum</div>css#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
Результат: