Funkcia rotate3d
Funkcia rotate3d nastavuje otočenie prvku
na zadaný uhol súčasne okolo
osi X, Y, Z v trojrozmernom priestore. Používa sa
spoločne s vlastnosťou transform.
Hodnotou vlastnosti je uhol v ľubovoľných jednotkách
pre uhly.
Ako hodnoty funkcia prijíma 4
parametre, zapísané čiarkami. Prvé
tri parametre určujú vektor osi v trojrozmernom
priestore, okolo ktorej bude
prebiehať otočenie. Štvrtý parameter
nastavuje uhol otočenia.
Syntax
selektor {
transform: rotate3d(X, Y, Z, uhol);
}
Príklad
V tomto príklade bude vektor osi smerovať do pravého horného rohu obrazovky:
<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);
}
:
