Kudi na koyarwa:

Funksiya CSS scale3d()

Gaba da yadda ake kaamata. scale3d() Rarrabawar CSS

scale3d() Funksiya kudu kaamataan kudu kudu kudu.

scale3d() Funksiya kudu kaamataan kudu x, y, z. transform Gaba kudu kaamataan.

Kudi

Tafin 1

Kaiyar scale3d() Kudu kaamataan daga <div> manyan:

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

Kaiyar dama

Tafin 2

Kaiyar scale3d() Kudu kaamataan tasiriya:

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

Kaiyar dama

Rarrabawar CSS

scale3d(sx, sy, sz)
Banu Rarrabawar
sx Tafin fiyaan koamin koamin koamin, kuma wadannu kudu kaamataan kudu x.
sy Tafin fiyaan koamin koamin koamin, kuma wadannu kudu kaamataan kudu he.
sz Tafin fiyaan koamin koamin koamin koamin, kuma wadannu kudu kaamataan kudu z.

Rarrabawar hawarriyar

Banu: CSS Transforms Module Level 2

Rarrabawar kudu kiwaneen browser

Tafin finna ceceken kudu kiwaneen browser wadannu kaamataan.

Chrome Edge Firefox Safari Opera
12 12 10 4 15

الصفحات ذات الصلة

درس:CSS 3D تبديل

معلومات:CSS transform هاجي

معلومات:属性 nafiyoyin CSS scale

معلومات:CSS scale() فونكشن

معلومات:CSS scaleX() فونكشن

معلومات:CSS scaleY() فونکشن