تابع scale() در CSS برای تغییر اندازه عناصر در محور X و Y استفاده میشود. با این تابع میتوان عناصر را بزرگتر یا کوچکتر کرد و افکتهای جذاب بصری ایجاد نمود. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
ساختار تابع scale
scale(x, y)- x: میزان بزرگنمایی یا کوچکنمایی در محور افقی
- y: میزان بزرگنمایی یا کوچکنمایی در محور عمودی (اختیاری، اگر داده نشود برابر x در نظر گرفته میشود)
مثال عملی تابع scale
.scale-box {
transform: scale(1.5, 2);
width: 100px;
height: 100px;
background-color: #3498db;
}جدول ویژگیها و توضیحات
| ویژگی | توضیح |
|---|---|
| x | ضریب بزرگنمایی در محور افقی |
| y | ضریب بزرگنمایی در محور عمودی (اختیاری) |
نکات مهم
- تابع scale() بخشی از ویژگی transform در CSS است.
- اگر مقدار y داده نشود، برابر با x در نظر گرفته میشود.
- ترکیب scale با rotate و translate افکتهای حرکتی حرفهای ایجاد میکند.
- میتوان از اعداد اعشاری برای کوچکنمایی و بزرگنمایی استفاده کرد.
ادامه آموزش
برای یادگیری کامل افکتهای transform در CSS و استفاده حرفهای از scale، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع translate در CSS
آموزش بعدی: آموزش تابع Rotate در CSS
دیدگاه و پرسش