Funksioni rotateZ
Funksioni rotateZ përcakton një rrotullim në lidhje me
boshtin Z në hapësirën tre-dimensionale. Përdoret
së bashku me vetin transform.
Vlera e vetisë është një kënd në çdo njësi
për kënde. Vlera pozitive rrotullon
në drejtim të akrepave të orës, negative - në të kundërt.
Rrotullimi kryhet rreth pikës, e përcaktuar nga
vetia transform-origin.
Sintaksë
përzgjedhësi {
transform: rotateZ(këndi);
}
Shembull
Në këtë shembull, blloku do të rrotullohet kur kursorin e mbi të
për 180 gradë rreth boshtit Z. Për qetësi
të rrotullimit është shtuar vetia transition:
<div id="elem">lorem ipsum</div>
#elem {
border: 3px solid black;
width: 100px;
height: 50px;
transition: transform 3s linear;
}
#elem:hover {
transform: rotateZ(180deg);
}
:
Shembull
Ndryshojmë boshtin e rrotullimit me ndihmën e vetisë
transform-origin:
<div id="elem">lorem ipsum</div>
#elem {
border: 3px solid black;
width: 100px;
height: 50px;
transition: transform 3s linear;
transform-origin: center bottom;
}
#elem:hover {
transform: rotateZ(180deg);
}
:
