شرح صفوف ومحتوى الفقرة
تدير كل دالة دوران ثلاثية العنصرَ حول محور هندسي مختلف تماماً في الفراغ:
- الدالة
rotateX(angle): تدير العنصر حول محور أفقي فيميل طرفه العلوي للخلف أو للأمام كغطاء الحاسوب المحمول. - الدالة
rotateY(angle): تدير العنصر حول محور رأسي فينفتح جانبياً نحو المشاهد أو للداخل كحركة باب الغرفة أو قلب البطاقة. - الدالة
rotateZ(angle): تدير العنصر سطحياً على مستوى الشاشة حول محور العمق، وتكافئ التدوير الثنائي المعتاد.
CSS
.scene {
perspective: 650px;
}
.door-y {
transform: rotateY(35deg);
}
.flap-x {
transform: rotateX(35deg);
}