CSS skew() Fonksiyonu

Tanımı ve Kullanımı

CSS'nin skew() X ve Y ekseni boyunca belirtilen açıya göre elementi eğimlendirir.

skew() Fonksiyon transform Özellikte kullanılır.

Örnek

Örnek 1

Kullanım skew() Birkaç <div> elementini eğimlendirme:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

Kişisel Deneyim

Örnek 2

Kullanım skew() Eğimli resimler:

#img1 {
  transform: skew(25deg);
}
#img2 {
  transform: skew(-25deg);
}
#img3 {
  transform: skew(10deg, 10deg);
}

Kişisel Deneyim

CSS Güvenliği

skew(ax, ay)
Değer Açıklama
ax Gerekli. Açı. X axis boyunca eğim belirler.
ay Opsiyonel. Açı. Y axis boyunca eğim belirler. Atılmışsa, bu değer 0 olarak ayarlanır.

Teknik Ayrıntılar

Sürüm: CSS Transforms Module Level 1

Tarayıcı Desteği

Tabloda bulunan rakamlar, bu işlevi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

İlgili sayfalar

Eğitim:CSS 2D dönüşüm

Referans:CSS transform özelliği

Referans:CSS skewX() fonksiyonu

Referans:CSS skewY() fonksiyonu