rotate3d funktsiyasi
rotate3d funktsiyasi elementni
uch o‘lchovli fazoda X, Y, Z o‘qlari bo‘yicha
berilgan burchakka aylantiradi. U
transform xossasi
bilan birgalikda ishlatiladi.
Xossa qiymati burchak birliklarida
ifodalanadi.
Funktsiya qiymat sifatida vergul bilan ajratilgan
4 parametrni qabul qiladi. Dastlabki
uch parametr uch o‘lchovli fazodagi aylanish o‘qining
vektorini belgilaydi. To‘rtinchi parametr
aylanish burchagini belgilaydi.
Sintaksis
selektor {
transform: rotate3d(X, Y, Z, burchak);
}
Misol
Ushbu misolda o‘q vektori ekranning o‘ng yuqori burchagiga yo‘naltirilgan:
<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);
}
:
