CSS contrast() فنکشن

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

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

  • 0% تصویر کو پورا طور پر سورمائی کردے گا
  • 100%（یا 1) اس کا دفعلی ارزش ہے، جو اصل تصویر کو ظاہر کرتا ہے
  • 100% سے زیادہ کا مراد کاندیوٹی اضافی کرنا ہوتا ہے
  • 100% سے کم کا مراد کاندیوٹی کم کرنا ہوتا ہے

مثال

مثال 1

تصویر کی کاندیوٹی میں اضافہ اور کم کرنا:

#img1 {
  filter: contrast(150%);
}
#img2 {
  filter: contrast(50%);
}

خود کو بچار کریں

مثال 2

کا استعمال contrast() اور backdrop-filter خصوصیات کا مجموعی استعمال:

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

خود کو بچار کریں

CSS زبان

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

اختیاری، کاندیوٹی کا معیار طے کرتا ہے، جو ممکن ہو سکتا ہے کہ اعداد یا فیصد ہو。

0% عناصر کو پورا طور پر سورمائی کردے گا。

100%（یا 1）اس کا دفعلی ارزش ہے، جو اصل تصویر (بدون اثر) کو ظاہر کرتا ہے。

100% سے زیادہ کا مراد اضافی کاندیوٹی ہوتا ہے، 100% سے کم کا مراد کم کاندیوٹی ہوتا ہے。

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

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

براوزر سپورٹ

تبلہ میں نمبر کا معنی یہ ہے کہ پہلی مرتبہ اس فنکشن کو پورا طور پر سپورٹ کرنے والی براوزر کی ورژن ہے。

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

مرتبطہ صفحات

مشارکت:CSS فیلتر اپریشن

مشارکت:CSS blur() فنکشن

مشارکت:CSS brightness() فنکشن

مشارکت:CSS drop-shadow() فنکشن

مشارکت:CSS grayscale() فنکشن

مشارکت:CSS hue-rotate() فنکشن

مشارکت:CSS invert() فنکشن

مشارکت:CSS opacity() فنکشن

مشارکت:CSS saturate() فنکشن

مشارکت:CSS sepia() فنکشن