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

cssseçici {
  transform: skewY(açı);
}

Örnek

Bu örnekte, blok yukarı doğru 30 derece eğilmiştir:

html<div id="elem">lorem ipsum</div>

css#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:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(-30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Ayrıca Bakınız