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