Kazi skewX

Kazi skewX huweka mweko wa kipengele kwenye mhimili wa X, na kukibadilisha kuwa msambamba. Inatumika pamoja na sifa transform. Thamani ya sifa ni pembe katika vyombo vyovyote vya pembe. Pembe inaweza kuwa chanya, au hasi. Thamani chanya hufanya mweko kushoto, hasi - kulia. Mweko unafanywa karibu na uhakika, unaowekwa na sifa transform-origin.

Ki sintaksia

csskichagua {
  transform: skewX(pembe);
}

Mfano

Katika mfano huu, kipengele kimekwekwa 30 digrii kushoto:

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

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

Результат:

Mfano

Katika mfano huu, kipengele kimekwekwa 30 digrii kulia:

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

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

Результат:

Angalia pia