A rotate3d függvény
A rotate3d függvény egy elem adott szögű
elforgatását határozza meg egyszerre az X, Y, Z
tengelyek körül a háromdimenziós térben. A
transform tulajdonsággal
együtt használatos. A tulajdonság értéke egy
szög, amely bármely szögegységben
megadható.
A függvény 4 paramétert fogad el értékként,
amelyeket vesszővel kell elválasztani. Az első
három paraméter határozza meg a tengelyvektort
a háromdimenziós térben, amely körül a forgatás
történik. A negyedik paraméter határozza meg
a forgatás szögét.
Szintaxis
szelektor {
transform: rotate3d(X, Y, Z, szög);
}
Példa
Ebben a példában a tengelyvektor a képernyő jobb felső sarkába fog mutatni:
<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);
}
:
