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

cssszelektor {
  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:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 3px solid black;
  width: 100px;
  height: 50px;
  transition: transform 3s linear;
}
#elem:hover {
  transform: rotate3d(1, 1, 0, 180deg);
}

Результат:

Lásd még