Kelas Pilihan

Rekomendasi Kursus：

Fungsi skewX() CSS skewX() Definisi dan Penggunaan CSS

skewX() Fungsi digunakan untuk menggeser elemen sepanjang sudut yang diberikan sepanjang sumbu x. transform Dalam penggunaan atribut.

Petunjuk：skewX(a) Sama Dengan skew(a, 0)!

Contoh

Contoh 1

Dengan skewX() Menggeser beberapa elemen <div> sepanjang sudut yang diberikan sepanjang sumbu x:

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

Coba Sendiri

Contoh 2

Dengan skewX() Menggeser gambar sepanjang sudut yang diberikan sepanjang sumbu x:

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

Coba Sendiri

Syntaks CSS

skewX(a)

Detil Teknologi

Dukungan Browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung fungsi ini penuh.

Halaman terkait

Tutorial:Transformasi 2D CSS

Referensi:Properti transform CSS

Referensi:Fungsi skew() CSS

Referensi:Fungsi skewY() CSS