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