Rekomendasi kursus:
- Halaman Sebelumnya Fungsi scale() CSS
- Halaman Berikutnya Fungsi scaleX() CSS
- Kembali ke Tingkat Atas Panduan Fungsi CSS
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); }
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); }
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
- Halaman Sebelumnya Fungsi scale() CSS
- Halaman Berikutnya Fungsi scaleX() CSS
- Kembali ke Tingkat Atas Panduan Fungsi CSS