Kurs Önerileri:

CSS skewX() Fonksiyonu

Tanım ve Kullanım skewX() CSS içinde

skewX() Fonksiyon transform Özniteliklerde kullanılır.

İpucu:skewX(a) Eşdeğer skew(a, 0)!

Örnek

Örnek 1

Kullanarak skewX() Belirtilen açıya göre X ekseninde birkaç <div> ögesini eğimlendirin:

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

Kişisel olarak deneyin

Örnek 2

Kullanarak skewX() Belirtilen açıya göre X ekseninde görüntüyü eğimlendirin:

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

Kişisel olarak deneyin

CSS Grammar

skewX(a)
Değer Açıklama
a Gerekli. Açı. X eksenine göre yatay eğim belirler.

Teknik Ayrıntılar

Sürüm: CSS Transforms Module Level 1

Tarayıcı Desteği

Tablodaki rakamlar, bu fonksiyonu tam olarak 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 Dönüşüm

Referans:CSS transform özelliği

Referans:CSS skew() fonksiyonu

Referans:CSS skewY() fonksiyonu