Funkcija rotate3d
Funkcija rotate3d določa vrtenje elementa
za določen kot hkrati glede na
os X, Y, Z v tridimenzionalnem prostoru. Uporablja se
skupaj z lastnostjo transform.
Vrednost lastnosti je kot v kateri koli enoti
za kote.
Kot vrednosti funkcija sprejme 4
parametre, zapisane z vejicami. Prvi
trije parametri določajo vektor osi v tridimenzionalnem
prostoru, glede na katerega bo
izvedeno vrtenje. Četrti parameter
določa kot vrtenja.
Sintaksa
selektor {
transform: rotate3d(X, Y, Z, kot);
}
Primer
V tem primeru bo vektor osi usmerjen v zgornji desni kot zaslona:
<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);
}
:
