Makadaro ya Kusunika:

Makadaro na matumizi

CSS scale3d() CSS inadefini na inatumiwa.

scale3d() Funguo inadefini kurukua ya elementi katika 3D.

scale3d() Funguo inadefini thamani za kurukua ya elementi kwenye ukurungu wa x, y na z. transform inayotumika katika kina yaliyotumiwa.

Mfano

Mfano 1

Kutumia scale3d() Kurukua vigezo vingine vya <div> zaidi:

#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);
}

Kutaja kwa urafiki

Mfano 2

Kutumia scale3d() Kurukua picha:

#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);
}

Kutaja kwa urafiki

Muundo wa CSS

scale3d(sx, sy, sz)
Kivyo Kuonyesha
sx Namba za juu au ya chini, inadefini kifungo kwa ukurukuru wa ukurungu wa umbo wa kipimo cha kizito.
sy Namba za juu au ya chini, inadefini kifungo kwa ukurukuru wa ukurungu wa umbo wa kipimo cha kimo.
sz Namba za juu au ya chini, inadefini kifungo kwa ukurukuru wa ukurungu wa uzoefu wa zini.

Maadili ya Teknolojia

Version: CSS Transforms Module Level 2

Mpangilio wa wasaidizi wa mtafiti

数字 katika tabia huzushi inaonekana na na version ya kwanza inayosukumwa kwa sababu ya hifadhi hizi funguo.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Vipengele vya habari

Mafunzo:Muungano wa 3D wa CSS

Matokeo ya thamani:Mafuta wa transform katika CSS

Matokeo ya thamani:Hisia cha CSS scale

Matokeo ya thamani:Funguo ya scale() katika CSS

Matokeo ya thamani:Funguo ya scaleX() katika CSS

Matokeo ya thamani:Funguo ya scaleY() katika CSS