تابع grayscale() در CSS برای تبدیل عناصر به حالت خاکستری استفاده میشود. با این تابع میتوان تصاویر، پسزمینهها و عناصر دیگر را به صورت کامل یا جزئی به رنگهای خاکستری تغییر داد و افکتهای بصری جذاب ایجاد کرد. برای یادگیری بیشتر و مثالهای عملی، به دوره آموزش CSS مراجعه کنید.
ساختار تابع grayscale
grayscale(amount)- amount: میزان خاکستری شدن عنصر. مقدار 0 برابر حالت طبیعی است و 1 کاملاً خاکستری میشود.
مثال عملی تابع grayscale
.gray-box {
filter: grayscale(0.8);
width: 200px;
height: 200px;
background-color: #3498db;
}جدول ویژگیها و توضیحات
| ویژگی | توضیح |
|---|---|
| amount | میزان خاکستری شدن: 0 طبیعی، 1 کاملاً خاکستری |
نکات مهم
- تابع grayscale() بخشی از ویژگی filter در CSS است.
- میتوان برای تصاویر، پسزمینهها و عناصر متنی از آن استفاده کرد.
- مقدار amount میتواند بر حسب عدد یا درصد باشد.
- ترکیب grayscale با توابع دیگر مانند brightness و contrast افکتهای حرفهای ایجاد میکند.
ادامه آموزش
برای یادگیری کامل افکتهای CSS و استفاده حرفهای از filterها، حتماً دوره آموزش CSS را مشاهده کنید.
آموزش قبلی: آموزش تابع contrast در CSS
آموزش بعدی: آموزش تابع hue-rotate در CSS
دیدگاه و پرسش