Funksioni rotate3d
Funksioni rotate3d përcakton rrotullimin e elementit
në një kënd të caktuar njëkohësisht në lidhje me
boshtet X, Y, 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.
Si vlera, funksioni pranon 4
parametra, të shkruar me presje. Tre të parat
parametrat përcaktojnë vektorin e boshtit në hapësirën
tre-dimensionale, në lidhje me të cilin do të
kryhet rrotullimi. Parametri i katërt
përcakton këndin e rrotullimit.
Sintaksa
përzgjedhësi {
transform: rotate3d(X, Y, Z, kënd);
}
Shembull
Në këtë shembull vektori i boshtit do të drejtohet në këndin e sipërm të djathtë të ekranit:
<div id="elem">lorem ipsum</div>
#elem {
border: 3px solid black;
width: 100px;
height: 50px;
transition: transform 3s linear;
}
#elem:hover {
transform: rotate3d(1, 1, 0, 180deg);
}
:
