Kazi ya skew
Kazi skew inabainisha mwelekeo wa kipengele,
na kukibadilisha kutoka mstatili
kuwa msambamba. Inatumika pamoja
na sifa transform.
Thamani ya sifa ni pembe katika vipimo vyovyote
vya pembe. Mwelekeo unafanywa kuzunguka
hatua, iliyobainishwa na sifa transform-origin.
Inaweza kukubali kigezo kimoja au viwili, vinavyotajwa kutenganishwa kwa koma. Ikiwa vigezo ni viwili - kigezo cha kwanza kinabainisha mwelekeo wa usawa, na cha pili - mwelekeo wa wima. Ikiwa kigezo ni kimoja - basi kinabainisha mwelekeo wa usawa (na sio pande zote mbili). Vigezo vinaweza kuwa chanya, au hasi.
Kiambishi
kichaguzi {
transform: skew(pembe moja au mbili);
}
Mfano
Katika mfano huu, kipengele kimeelekezwa kwa 30
digrii kushoto:
<div id="elem">lorem ipsum</div>
#elem {
transform: skew(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mfano
Katika mfano huu, kipengele kimeelekezwa kwa 30
digrii kulia:
<div id="elem">lorem ipsum</div>
#elem {
transform: skew(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mfano
Katika mfano huu, kipengele kimeelekezwa kwa 30
digrii wima (thamani chanya):
<div id="elem">lorem ipsum</div>
#elem {
transform: skew(0deg, 30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mfano
Katika mfano huu, kipengele kimeelekezwa kwa 30
digrii wima (thamani hasi):
<div id="elem">lorem ipsum</div>
#elem {
transform: skew(0deg, -30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mfano
Tunabainisha mwelekeo wakati huo huo kwenye mhimili X na Y:
<div id="elem">lorem ipsum</div>
#elem {
transform: skew(30deg, 30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
