Mambo ya kusoma:

Kifaa cha CSS skewY()

Utekelezaji na matumizi skewY() CSS wa

skewY() Kifaa kinatumika kwa kuangalia punde kwa anga inayotawala kwa y axis kwa kina. transform Inatumiwa katika matumizi ya kiwango.

Mifano

Mifano 1

Kwa mifano skewY() Inakubadilisha punde kwa anga inayotawala kwa y axis kwa visi vingine vya <div>:

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

Inafikia mafikira yako

Mifano 2

Kwa mifano skewY() Inakubadilisha punde kwa anga inayotawala kwa y axis kwa picha:

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

Inafikia mafikira yako

Inasimulia kiingilizi cha CSS

skewY(a)
Chaguo Muhtasari
a Inayohitajika. Anga. Inaangalia ukishambulia punde kwa y axis.

Mifano ya uhandisi

Toleo: CSS Transforms Module Level 1

Mwabara wa kinyota

Jumla za数字i katika tablia inaonyesha naunganika wa kina msingi wa kusaidia kufanya kazi hiyo.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Picha za kuelewa

Mfano:Mfano wa 2D katika CSS

Maelezo:Mfano wa transform katika CSS

Maelezo:Fani katika CSS skew()

Maelezo:Fani katika CSS skewX()