CSS saturate() فنکشن

تعریف و استعمال

CSS کا saturate() فیلٹر فنکشن عناصر کی ساتوریشن (رنگ کی شدت) کو تیار کرتا ہے。

  • 0% (یا 0) عناصر کو پورا طور پر نچمک کر سکتا ہے
  • 100% (یا 1) کوئی اثر نہیں دیکھا جائے گا
  • 200% (یا 2) عناصر کو بہت زیادہ چمکدار بنادیتا ہے

مثال

مثال 1

تصاویر کی مختلف ساتوریشن کا تعین:

#img1 {
  filter: saturate(0);
}
#img2 {
  filter: saturate(100%);
}
#img3 {
  filter: saturate(200%);
}

آپ خود کچھ کریں

مثال 2

جس کا معنی ہے saturate() ور backdrop-filter کام کاجی استعمال:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: saturate(450%);
  backdrop-filter: saturate(450%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

آپ خود کچھ کریں

CSS جملہ بنانے کا طریقہ

saturate(amount)
مقدار وصف
amount

اختیاری۔ ساتوریشن کا مرتبہ معین کرتا ہے، جو شمار یا فیصد کی شکل میں آ سکتا ہے。

0% (یا 0) عناصر کو پورا طور پر نچمک کر سکتا ہے。

100% (یا 1) کوئی اثر نہیں دیکھا جائے گا。

100% سے زیادہ کا مرتبہ پورا طور پر چمکداری کا اثر فراہم کرتا ہے。

تکنیکی تفصیلات

ورژن: CSS فیلٹر ایفیکٹس ماڈول لیول 1

براوزر سپورٹ

جداول میں دیکھی گئی اعداد پہلے اس فنکشن کو پورا طور پر سپورٹ کرنے والی براوزر کی نسخہ کا نمائش کرتے ہیں。

کروم ایج فائرفاکس سافری اپرا
18 12 35 6 15

متعلقہ صفحات

مطالبه:CSS فیلتر اپریشن

مطالبه:CSS blur() فنکشن

مطالبه:CSS brightness() فنکشن

مطالبه:CSS contrast() فنکشن

مطالبه:CSS drop-shadow() فنکشن

مطالبه:CSS grayscale() فنکشن

مطالبه:CSS hue-rotate() فنکشن

مطالبه:CSS invert() فنکشن

مطالبه:CSS opacity() فانکشن

مطالبه:CSS sepia() فانکشن