Vetia transform
Vetia transform përcakton transformimet
e elementit, siç janë rrotullimi,
shkallëzimi,
shtrembërimi,
përkthimi
dhe të tjera. Transformimet përkatëse shkruhen
ndarë me hapësirë:
selektori {
transform: rotate(30deg) scale(3);
}
Shembull
Në këtë shembull, blloku është rrotulluar 30
gradë në drejtim të akrepave të orës:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Shembull
Në këtë shembull, përveç rrotullimit është shtuar edhe shtrembërim:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Shembull
Në këtë shembull, përveç rrotullimit dhe shtrembërimit është shtuar ndryshim i shkallës:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
