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