Funkcija rotate3d
Funkcija rotate3d nosaka elementa pagriezienu
uz doto leņķi vienlaikus pret
X, Y, Z asīm trīsdimensiju telpā. Tiek izmantota
kopā ar īpašību transform.
Īpašības vērtība ir leņķis jebkuros leņķa
mērvienībos.
Kā vērtības funkcija pieņem 4
parametrus, kas rakstīti ar komatiem. Pirmie
trīs parametri nosaka ass vektoru trīsdimensiju
telpā, pret kuru tiks veikts
pagrieziens. Ceturtais parametrs
nosaka pagrieziena leņķi.
Sintakse
selektors {
transform: rotate3d(X, Y, Z, leņķis);
}
Piemērs
Šajā piemērā ass vektors tiks virzīts labajā augšējā ekrāna stūrī:
<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);
}
:
