Rotate3d funksiýasy
rotate3d funksiýasy elementi
berlen burç bilen üç ölçegli giňişlikde
X, Y, Z okuna bir wagtyň özünde aýlandyrýar.
transform
hasiýeti bilen bilelikde ulanylýar.
Hasiýetiň bahasy bolsa burç birlikleriniň
isleginde bir birlikdir.
Funksiýa bahasy hökmünde vergül bilen ýazylyp
4 parametri kabul edýär. Ilkinji
üç parametr üç ölçegli giňişlikde wektoryň okuny
kesgitleýär, şol oka görä aýlanma amala aşyrylýar.
Dördünji parametr bolsa aýlanma burçuny kesgitleýär.
Sintaksis
selektor {
transform: rotate3d(X, Y, Z, burç);
}
Mysal
Bu mysalda wektor ok ekranyň sag ýokary burçuna ýöneldilýä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);
}
:
