Rekomendasi Kursus:

Fungsi skew() di CSS

Definisi dan penggunaan skew() Fungsi di CSS

skew() Fungsi digunakan untuk memgeser elemen sepanjang sudut yang diberikan di sumbu x dan y. Transform Dipakai dalam atribut.

Contoh

Contoh 1

Pakai skew() Penggeser beberapa elemen <div>:

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

Coba Sendiri

Contoh 2

Pakai skew() Gambar penggeseran:

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

Coba Sendiri

Syntaks CSS

skew(ax, ay)
Nilai Deskripsi
ax Diperlukan. Sumbu sudut. Menentukan penggeseran sepanjang sumbu x.
ay Pilihan. Sumbu sudut. Menentukan penggeseran sepanjang sumbu y. Jika dilewati, nilai ini diatur ke 0.

Detil Teknologi

Versi: Modul Transformasi CSS Level 1

Dukungan Browser

Tabel angka menunjukkan versi browser yang pertama yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Halaman yang berhubungan

Panduan:Transformasi 2D CSS

Rujukan:Properti transform CSS

Rujukan:Fungsi skewX() CSS

Rujukan:Fungsi skewY() CSS