Fani CSS scaleX()

Maelezo na matumizi

CSS scaleX() Fani inayotumia kuzinga kipimo cha kina kwa kina.

scaleX() Fani inayotumia kuzinga kipimo cha kina kwa kina.

scaleX() Fani inayotumiwa katika transform inaonyesha katika kipimo cha kina.

Mfano

Matokeo 1

Tumia scaleX() Kuzinga kipimo cha kifungu kumi na kumi na nne <div> kwa kina:

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

Tenda kwa matokeo

Matokeo 2

Tumia scaleX() Kuzinga kipimo cha picha:

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

Tenda kwa matokeo

Inayotumiwa na CSS

scaleX(s)
Wabaya Maelezo
s Inayotarajiwa. Ina namba za kuzingatia kipimo cha kuzingwa cha kipimo cha kifungu cha kuzinga kwa kina.

Vichota ya teknolojia

Sia: CSS Transforms Module Level 1

Mkopo wa programu za kusoma

Mafanikio ya tabia ina namba za programu za kusoma ambao zimepata mkopo wa kufanya kazi hii kwa sababu ya kwanza.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Pakua ya muonekano

Mafunzo:Muonekano wa CSS 2D

Tazama:Mwaka wa CSS transform

Tazama:Mfano wa scale wa kifaa cha CSS

Tazama:Funguo ya CSS scale()

Tazama:Funguo ya CSS scale3d()

Tazama:Funguo ya CSS scaleY()