CSS skewY() Fonksiyonu

Tanımı ve Kullanımı

CSS'nin skewY() Verilen açıya göre y ekseninde eğimli elementler oluşturmak için kullanılır.

skewY() Fonksiyon Transform Özellikte kullanılır.

Örnek

Örnek 1

Kullanarak skewY() Verilen açıya göre y ekseninde eğimli birkaç <div> öğesi:

#myDiv1 {
  transform: skewY(15deg);
}
#myDiv2 {
  transform: skewY(30deg);
}
#myDiv3 {
  transform: skewY(-25deg);
}

Kişisel Deneyim

Örnek 2

Kullanarak skewY() Verilen açıya göre y ekseninde eğimli görüntü:

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

Kişisel Deneyim

CSS Güvenliği

skewY(a)
Değer Açıklama
a Gerekli. Açı. Y轴上的倾斜。

Teknik Ayrıntılar

Sürüm: CSS Transforms Module Level 1

Tarayıcı Desteği

Tablozdaki rakamlar, bu işlevi tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

İlgili sayfalar

Eğitim:CSS 2D Değişim

Referans:CSS transform özelliği

Referans:CSS skew() fonksiyonu

Referans:CSS skewX() fonksiyonu