صفحه اصلی مقالات آموزش scale - بزرگنمایی در css

آموزش scale - بزرگنمایی در css

آموزش scale - بزرگنمایی در css

نویسنده : مریم شیردل

برای اینکه عنصری را ظاهرا بزرگتر و زومم کنیم از این تابع استفاده میکنیم کد زیر عنصر را  در جهت  افقی (محور x)        بزرگتر میکند . 2 برابر میتوانیم از عدد اعشاری مثل 1.2 هم استفاده کنیم transform: scaleX(2);

تابع  sclale   برای ویژگی  transform

 

برای اینکه عنصری را ظاهرا بزرگتر و زومم کنیم از این تابع استفاده میکنیم
کد زیر عنصر را  در جهت  افقی (محور x)        بزرگتر میکند . 2 برابر میتوانیم از عدد اعشاری مثل 1.2 هم استفاده کنیم
transform: scaleX(2);
کد زیر عنصر را در جهت عمودی ( محور Y)  بزرگتر میکند.
transform: scaleY(1.2);

کد زیر عنصر را در فضای سه بعدی بزرگ تر میکند
transform: scaleZ(2);
و برای اینکه از هر سه مقدار استفاده کنیم بصورت خلاصه از کد زیر استفاده میکنیم .عدد اول مقدار بزرگنمایی در جهت افقی  ، عدد دوم مقداربزرگ نمایی در جهت عمودی و عدد سوم  در فضای سه بعدی تصویر را بزرگتر میکند  
transform: scale3d(2, 1, 3);
کد زیر را اجرا کنید


 
     عامر تجارت خلیج فارس
    
 
   
    
1

پیشنهاد میکنیم مطالب زیر را مطالعه کنید 

اموزش  تابع  rotate

آموزش تابع translate

استاد : مریم شیردل

سوالی دارید؟ از من بپرسید

سلام چطور میتونم کمکتون بکنم؟