در مطالب قبلی در مورد خاصیت transform در زبان برنامه نویسی CSS3 برای شما توضیحات لازم را دادیم و شما با این خاصیت آشنا شدید.در این مطلب قصد داریم تا شما را با یکی از متدهای این

خاصیت آشنا کنیم. پس از توضیح اولیه خاصیت transform و نحوه استفاده از آن ، باید با انواع متدهای این خاصیت آشنا شوید .در ادامه این مطلب یکی از متدهای این خاصیت را تشریح وبررسی می کنیم.
خاصیت transform – متد scale :

توسط متد scale می توانید ابعاد عنصر مورد نظر خود را در دو جهت افقی و عمودی افزایش دهید .
برای این منظور باید مقادیری که می خواهید عنصر مورد نظرتان تغییر اندازه دهد را به ترتیب افقی و عمودی در پرانتز مقابل متد ۷ تعیین کنید . برای مثال اگر مقدار ۳ را تعیین کنید ، عرض و طول عنصر مورد نظرتان ۳ برابر خواهد شد .

شکل کلی استفاده از این خاصیت به صورت زیر است :

;(Syntax : transform : scale ( value1 , value2
;( transform : scale ( 2 , 3:مثال

توضیح هر یک از موارد syntax :

value1:

این پارامتر مقدار اندازه ای که عرض عنصر تغییر می کند ، را به صورت یک عدد تعیین می کند .
به کار بردن مقدار مثبت باعث بزرگ شدن عنصر می شود .
تعیین این پارامتر اجباری است .

value2: 

این پارامتر مقدار اندازه ای که طول عنصر تغییر می کند ، را به صورت یک عدد تعیین می کند .
به کار بردن مقدار مثبت باعث بزرگ شدن عنصر می شود .
تعیین این پارامتر اجباری است .

پشتیانی در مرورگر های مختلف :

متاسفانه این خاصیت به صورت عادی توسط هیچ یک از مرورگر های مطرح پشتیانی نمی شود . برای پشتیبانی در مرورگرهای مختلف باید برای هر کدام ، کد لازم آنها که در جدول زیر آمده را استفاده نمود :

کد لازم برای پشتیانی نوع مرورگر:

مرورگر فایرفاکس

اعمال یک تغییر در کد خاصیت از آن پشتیانی می کند . برای پشتیانی این مرورگر باید خاصیت را به صورت ( ) moz-transform- : scale بنویسید .
مرورگر اپرا

با اعمال یک تغییر در کد خاصیت از آن پشتیانی می کند . برای پشتیانی این مرورگر باید خاصیت را به صورت ( ) o-transform- : scale بنویسید .
مرورگر اینترنت

اکسپلورر با اعمال یک تغییر در کد خاصیت از آن پشتیانی می کند . برای پشتیانی این مرورگر باید خاصیت را به صورت ( ) ms-transform- : scale بنویسید .
مرورگر کروم

با اعمال یک تغییر در کد خاصیت از آن پشتیانی می کند . برای پشتیانی این مرورگر باید خاصیت را به صورت ( ) webkit-transform- : scale بنویسید .