Mwongozo wa masomo:

Funguo ya CSS skewX()

Maelezo na matumizi skewX() Kivinjati cha CSS

skewX() Inatumiwa kwa kumaliza kina kina kwa ukosemu kwa uharibifu iliyotakiwa kwa ukosemu kwa xisano. transform Kutumiwa katika kipimo cha.

Tahadhari:skewX(a) Inafanana na skew(a, 0)!

Mfano

Mfano 1

Kutumia skewX() Inaharibisha kina kina nyingi kwa ukosemu kwa xisano iliyotakiwa:

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

Kutendeka tena

Mfano 2

Kutumia skewX() Inaharibisha picha kwa ukosemu kwa uharibifu wa xisano iliyotakiwa:

#img1 {
  transform: skewX(25deg);
}
#img2 {
  transform: skewX(-25deg);
}
#img3 {
  transform: skewX(10deg);
}

Kutendeka tena

Mabaki ya CSS

skewX(a)

Vichota vya teknolojia

Kufaa kwa kina kina

数字 katabeli kina kina kwa kumaliza chege cha kufaa kwa kufungua kwa kina kina cha kwanza cha kufaa kwa programu ya kusoma kwa kompyuta.

Picha za kusambaa

Mafunzo:Muafaka wa 2D katika CSS

Tafutaji:Mfano wa transform katika CSS

Tafutaji:Funguo ya skew() katika CSS

Tafutaji:Funguo ya skewY() katika CSS