Sifa transform
Sifa transform inaweka mabadiliko
ya elementi, kama vile mzunguko,
kugeuza kiwango,
kuteleza,
kusogeza
na nyingine. Mabadiliko yanayofanana yanaandikwa
kwa nafasi:
kichaguli {
transform: rotate(30deg) scale(3);
}
Mfano
Katika mfano huu, kizuizi kimezungushwa digrii 30
kuelekea upande wa saa:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mfano
Katika mfano huu, licha ya mzunguko umeongezwa pia kuteleza:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Mfano
Katika mfano huu, licha ya mzunguko na kuteleza kumeongezwa mabadiliko ya kiwango:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
