Funktsiya rotateY
rotateY funktsiyasi
uch o'lchovli fazoda Y o'qi atrofida aylantirishni belgilaydi.
transform xususiyati bilan birgalikda ishlatiladi.
Xususiyat qiymati har qanday burchak birliklarida ifodalanadi.
Musbat qiymat biz tomonga, manfiy qiymat bizdan nariga aylantiradi.
Aylanish transform-origin xususiyati orqali belgilanadigan nuqta atrofida amalga oshiriladi.
Sintaksis
selektor {
transform: rotateY(burchak);
}
Misol
Ushbu misolda blok sichqoncha olib borilganda
Y o'qi bo'yicha 180 gradusga aylanadi.
Aylanishning silliqligi uchun transition xususiyati qo'shildi:
<div id="elem">lorem ipsum</div>
#elem {
border: 3px solid black;
width: 100px;
height: 50px;
transition: transform 3s linear;
}
#elem:hover {
transform: rotateY(180deg);
}
:
Misol
transform-origin xususiyati yordamida aylanish o'qini o'zgartiramiz:
<div id="elem">lorem ipsum</div>
#elem {
border: 3px solid black;
width: 100px;
height: 50px;
transition: transform 3s linear;
transform-origin: right center;
}
#elem:hover {
transform: rotateY(180deg);
}
:
