Funkcija rotate3d
Funkcija rotate3d nustato elemento pasukimą
nurodytais laipsniais vienu metu
X, Y ir Z ašių atžvilgiu trimatėje erdvėje. Naudojama
kartu su savybe transform.
Savybės reikšmė yra kampas bet kuriame kampų vienetuose.
Kaip reikšmes funkcija priima 4
parametrus, atskirtus kableliais. Pirmieji
trys parametrai nustato vektorių trimatėje
erdvėje, kurios atžvilgiu bus
atliekamas pasukimas. Ketvirtasis parametras
nustato pasukimo kampą.
Sintaksė
selektorius {
transform: rotate3d(X, Y, Z, kampas);
}
Pavyzdys
Šiame pavyzdyje ašies vektorius bus nukreiptas į dešinįjį viršutinį ekrano kampą:
<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);
}
:
