با بهره بری و استفاده از تابع scale3d که جهت ویژگی transform مشخص کردن می می شود می توانید یک عنصر را در فضای سه بعدی بزرگتر یا کوچکتر دیدن کردن و نمایش دهید.

آن تابع علی رغم ورژن و نسخه دو بعدی آن هم یعنی ()scale سه مقدار می گیرد. که مقادیر عددهایی بدون واحد خواهند بود. مقدار اول sx می باشد که موجب کوچک و همچنین یا پهناور و بزرگ شدن عنصر در جهت محور X می می شود. مقدار دوم sy می باشد که موجب کوچک و همچنین یا پهناور و بزرگ شدن عنصر در جهت محور Y می می شود. و همچنین به همین صورت مقدار سوم sz می باشد که موجب کوچک و همچنین یا پهناور و بزرگ شدن عنصر در جهت محور Z می می شود.

در صورتی که مقدار بزرگتر از ۱ باشد عنصر در راستای محور معلوم پهناور و بزرگ می می شود, در صورتی که مقدار برابر با یک باشد عنصر تغییر مقدار و اندازه نخواهد داشت. در صورتی که مقدار بین صفر و همچنین یک باشد عنصر کوچک تر از مقدار و اندازه اصلیش دیدن کردن و نمایش داده می می شود و همچنین در نهایت در صورتی که مقدار منفی باشد تغییرات به همین صورت انجام می می شود ولی باید توجه داشت عنصر با توجه به جهتی که منفی مقدار گرفته می باشد برگردانده می می شود.

در زیر مثال هایی از موارد صحیح بهره بری و استفاده از آن تابع نوشته شده اند:
 

transform: scale3d(1, 1, 1); /* عنصر دگرگونی و تغییری نمی کند */
transform: scale3d(2, 2, 2); /* عنصر دو برابر از حالت اصلی دیدن کردن و نمایش داده می می شود */
transform: scale3d(1, 2, 0); 
transform: scale3d(2, 1, 3);
transform: scale3d(-1, -1, -1);

دموی زیر را بررسی کردن کنید:
 

See the Pen scale3d by Mojtaba Seyedi (@seyedi) on CodePen.

پشتیبانی نرم افزار مرورگر اینترنتی ها