Kazi skewY

Kazi skewY inaweka mweko wa kipengele kwenye mhimili Y, na kuukigeuza kuwa msambamba. Inatumika pamoja na sifa transform. Thamani ya sifa ni pembe katika vyengo vyovyote vya pembe. Pembe inaweza kuwa chanya au hasi. Thamani chanya hufanya mweko kwenda juu, hasi - kwenda chini. Mweko unafanywa kuzunguka pointi, iliyowekwa na sifa transform-origin.

Kiendeshizi

csskichaguli {
  transform: skewY(pembe);
}

Mfano

Katika mfano huu, kizuizi kimekwekweshwa kwa 30 digrii kwenda juu:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Mfano

Katika mfano huu, kizuizi kimekwekweshwa kwa 30 digrii kwenda chini:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(-30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Angalia pia