Fungsi rotate3d
Fungsi rotate3d menetapkan putaran elemen
pada sudut yang ditetapkan serentak relatif kepada
paksi X, Y, Z dalam ruang tiga dimensi. Digunakan
bersama-sama dengan sifat transform.
Nilai sifat adalah sudut dalam sebarang unit
untuk sudut.
Sebagai nilai, fungsi menerima 4
parameter, ditulis dengan koma. Tiga
parameter pertama menentukan vektor paksi dalam ruang tiga dimensi,
relatif kepada mana
putaran akan dilaksanakan. Parameter keempat
menetapkan sudut putaran.
Sintaks
pemilih {
transform: rotate3d(X, Y, Z, sudut);
}
Contoh
Dalam contoh ini, vektor paksi akan diarahkan ke penjuru kanan atas skrin:
<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);
}
:
