Rekomendasi kursus:

Fungsi scale3d() dalam CSS

Definisi dan penggunaan scale3d() Fungsi skala3d() dalam CSS

scale3d() Fungsi mensifatkan skala 3D elemen.

scale3d() Fungsi mensifatkan nilai skala elemen di arah x, y dan z. transform digunakan dalam properti.

Contoh

Contoh 1

Gunakan scale3d() Skala beberapa elemen <div>:

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

Cuba sendiri

Contoh 2

Gunakan scale3d() Skala imej:

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

Cuba sendiri

Syntaks CSS

scale3d(sx, sy, sz)
Nilai Keterangan
sx Nombor positif atau negatif, mensifatkan vektor skala lebar.
sy Nombor positif atau negatif, mensifatkan vektor skala ketinggian.
sz Nombor positif atau negatif, mensifatkan vektor skala z arah.

Perincian teknikal

Versi: Modul Transformasi CSS Level 2

Pendukung pelayar

Terdapat nombor di dalam tabel yang menunjukkan versi pelayar yang sepenuhnya mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Laman yang berkaitan

Panduan:Transformasi 3D CSS

Rujukan:Sifat transform CSS

Rujukan:Sifat scale CSS

Rujukan:Fungsi scale() CSS

Rujukan:Fungsi scaleX() CSS

Rujukan:Fungsi scaleY() CSS