Funguo ya scale() ya CSS

Maelezo na matumizi

CSS scale() Funguo inaeleza kufadhili kina kwa kina kwa kifungu (kifungu na kimaadili).

scale() Funguo inatumiwa kubadilika kina kwa kina kwa kifungu (kifungu na kimaadili).

scale() Funguo inaeleza thamani za kubadilika kwa kina kwa kina kwa x na y. transform Inatumiwa katika maelezo ya kiwango.

Mifano

Mada 1

Tumia scale() Kubadilika kwa vifungu vingine vya <div>:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

Tenda kwa mwenyewe

Mada 2

Tumia scale() Kubadilika kwa kifungu:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

Tenda kwa mwenyewe

Mwakojo wa CSS

scale(sx, sy)
Thamani Maelezo
sx Inayotakiwa. Namba au nafasi. Inaeleza kifungu cha kubadilika kwa kifungu cha kimaadili.
sy

Inayopendekeza. Namba au nafasi. Inaeleza kifungu cha kubadilika kwa ukubwa wa kifungu.

Iwapo inatolewa, thamani inapewa kama ya sx.

Maelezo ya teknolojia

Mwaka: CSS Transforms Module Level 1

Muungano wa kina

Maneno ya tabia zinaonyesha muda wa kuanzisha kwa kina kwa kufungua kufadhili hii funguo.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Makampuni

Mwongozo:Muungano wa 2D wa CSS

Tazama:Mwongozo wa transform wa CSS

Tazama:Hisia scale

Tazama:Funksheni ya scale3d() ya CSS

Tazama:Funksheni ya scaleX() ya CSS

Tazama:Funksheni ya scaleY() ya CSS