Funktsioon rotate3d
Funktsioon rotate3d määrab elemendi pööramise
antud nurga all samaaegselt
X, Y, Z telje suhtes kolmemõõtmelises ruumis. Kasutatakse
koos omadusega transform.
Omaduse väärtuseks on nurk mis tahes nurgaühikutes.
Väärtustena võtab funktsioon vastu 4
parameetrit, mis on eraldatud komadega. Esimesed
kolm parameetrit määravad telje vektori kolmemõõtmelises
ruumis, mille suhtes
toimub pööramine. Neljas parameeter
määrab pöördenurga.
Süntaks
valija {
transform: rotate3d(X, Y, Z, nurk);
}
Näide
Selles näites on telje vektor suunatud ekraani paremasse ülanurka:
<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);
}
:
