تبدیل‌های سه‌بعدی در CSS (CSS 3D Transforms)
CSS همچنین از تبدیل‌های سه‌بعدی پشتیبانی می‌کند. این تبدیل‌ها به شما اجازه می‌دهند عناصر را در فضای سه‌بعدی بچرخانید.
روش‌های تبدیل سه‌بعدی
با استفاده از ویژگی transform می‌توانید از روش‌های زیر برای تبدیل سه‌بعدی استفاده کنید:
rotateX()– چرخش حول محور XrotateY()– چرخش حول محور YrotateZ()– چرخش حول محور Z
روش rotateX()
این روش عنصر را حول محور X و به زاویه‌ای که مشخص می‌کنید می‌چرخاند.
مثال:
چرخش حول محور X با زاویه 150 درجه:
#myDiv {
transform: rotateX(150deg);
}روش rotateY()
این روش عنصر را حول محور Y و به زاویه‌ای که مشخص می‌کنید می‌چرخاند.
مثال:
چرخش حول محور Y با زاویه 150 درجه:
#myDiv {
transform: rotateY(150deg);
}روش rotateZ()
این روش عنصر را حول محور Z می‌چرخاند.
مثال:
چرخش حول محور Z با زاویه 90 درجه:
#myDiv {
transform: rotateZ(90deg);
}این تبدیل‌ها به شما امکان می‌دهند تا به راحتی عناصر را در فضای سه‌بعدی کنترل و تنظیم کنید.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام