skewY Fonksiyonu
skewY fonksiyonu, bir öğeyi Y ekseninde eğerek
onu bir paralelkenara dönüştürür.
transform özelliği ile
birlikte kullanılır.
Özelliğin değeri, herhangi bir açı biriminde
bir açıdır. Açı pozitif veya negatif olabilir.
Pozitif bir değer yukarı doğru bir eğim oluşturur,
negatif bir değer ise aşağı doğru bir eğim oluşturur.
Eğim, transform-origin
özelliği ile belirlenen nokta etrafında gerçekleşir.
Sözdizimi
seçici {
transform: skewY(açı);
}
Örnek
Bu örnekte, blok yukarı doğru 30
derece eğilmiştir:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Örnek
Bu örnekte, blok aşağı doğru 30
derece eğilmiştir:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
