د CSS فلټر جوړونکی

د ګنګسۍ، روښنایی او نورو اغیزو سلایډرونه تنظیم کړئ او د CSS فلټر کوډ د مخکتنې سره یوځای جوړ کړئ

ځانګړتیاوې

۹ ډوله اغیزې د سلایډر له لارې

هر ځل چې حرکت ورکوئ، مخکتنه او CSS کوډ یوځای بدلیږي

د خپل انځور سره ازمویل

خپل انځور په براوزر کې وښایاست او اغیزې یې وګورئ

تر هغه چې فشار ورکوئ اصلي انځور

د اغیزې مخکې او وروسته انځورونه سمدستي پرتله کړئ

له ۸ بېلګو څخه نرم تنظیم

د سیپیا یا پخوانی ډول بېلګو له پیل ځای تنظیم وکړئ

د کارولو طریقه

1

انځور وټاکئ

د "خپل انځور وټاکئ" له لارې خپل انځور وټاکئ. که وانه غواړئ، د ننه شوي بېلګې انځور په مرسته ازمویل کیدی شي

2

اغیزې تنظیم کړئ

یو نږدې بڼه د بېلګو له لارې وټاکئ یا د هر سلایډر له لارې د اغیزې کچه تنظیم کړئ

3

مخکې او وروسته پرتله کړئ

تر هغه چې "له اصلي انځور سره پرتله کړئ" فشار ورکوئ، بې اغیزې انځور ښودل کیږي

4

کوډ کاپي کړئ

د "کاپي" تڼۍ له لارې د فلټر کرښه خپل CSS کې ولګوئ

د CSS فلټر جوړونکی

د کارولو بېلګې

د شا عکس په سر د لیکونو لوستلوالی

شا عکس لږ ګنګسی کړئ ترڅو پرې ایښودل شوی سرلیک ښه لوستل کیدونکی شي

د انځورونو رنګ یووالی

د ټیم پاڼې یا ګالري انځورونه تور او سپین یا سیپیا ته یوشان کړئ

د اصلي انځور په مرسته د ارزښتونو ټاکل

د واقعي کارول کیدونکي انځور سره یې وازمویاست او د مینده یا پخوانی بڼه ارزښتونه وټاکئ

د تور حالت لپاره د انځور تنظیم

د تور شاليد لاندې د سترګو تکلیف مخنیوي لپاره روښنایی او کنټراسټ کم شوي ارزښتونه وټاکئ

اساسي پوهه

د فلټر فنکشنونه او واحدونه

د CSS فلټر ملکیت یوه ملکیت ده چې انځور یا عنصر ته د ښکاره کیدو اغیزه ورکوي، او دا د blur او sepia په شان فنکشنونو له یو تش ځای سره لیکل کیږي.

  • px (پیکسل):د blur فنکشن د ګنګسۍ شعاع په px کې ورکوي؛ د 4px ورکول یعنی رنګونه د ۴ پیکسلو په دائره کې ګډېږي.
  • % (سلنه):د brightness او sepia فنکشنونه د اغیزې کچه په % کې ورکوي؛ د brightness کې 100% اصلي روښنایی او 120% د 20% ډیره روښنایی ده.
  • deg (درجه):د hue-rotate فنکشن د رنګ ګرځیدو زاویه په deg کې ورکوي؛ د 180deg ورکول یعنی رنګ مخابل خوا ته ځي.

ولې ترتیب پایله بدلوي

په فلټر کې ترتیب شوي فنکشنونه له چپ خوا ترتیبي کارول کیږي، او هر لاندینی فنکشن د پخوانی اغیزې پایله ته اغیزه کوي، نو د ترتیب بدلون ښکاره والی هم بدلوي. د بېلګې په توګه که لومړی تور او سپین کړئ او بیا سیپیا ورکړئ نو د نسواري رنګ پاتې کیږي، خو که لومړی سیپیا ورکړئ او بیا تور او سپین کړئ نو نسواري رنګ له منځه ځي. دا وسیله ثابت ترتیب لري، خو تاسو کولی شئ د چمتو شوي CSS کوډ له لارې ترتیب بدل کړئ.

د backdrop-filter توپیر

filter او backdrop-filter ورته فنکشنونه کاروي، خو د اغیزې موخه یې توپیر لري.

  • filter:filter هغه ملکیت ده چې له ټاکل شوي عنصر (لکه انځور یا متن) ته یې مستقیم اغیزه ورکوي.
  • backdrop-filter:backdrop-filter هغه ملکیت ده چې له ټاکل شوي عنصر شا ته ښکاره برخې ته اغیزه ورکوي، او د ګلاس ډوله ښکاره والی لپاره کارول کیږي.

خوندیتوب او محرميت

په براوزر کې بشپړ کیږي

داخلې شوي معلومات یوازې ستاسو د براوزر دننه پروسس کیږي او بهر ته نه لیږل کیږي.

یوازې د براوزر دننه پروسس

د انځور ښودل او د CSS کوډ جوړول ټول ستاسو د براوزر دننه ترسره کیږي، او د ننوتلو معلومات سرور ته نه لیږل کیږي.

اړیکه د HTTPS له لارې کوډ شوې

د پاڼې بارول هم د TLS له لارې کوډ شوي دي، او محتوا د دریمې خواې لخوا نه لوستل کیږي.

دریمې خواې ته لیږد نشته

د اعلاناتو شبکو، ټریکرونو او نورو بهرنیو خدماتو ته د ننوتلو مینځپانګه نه لیږل کیږي.

د پایلو اتوماتیک خوندیکول نشته

ټاکل شوی انځور یا د اغیزو ارزښتونه او د ننوتلو وړاندیزونه سرور کې نه ساتل کیږي.

RAKKOTOOLS د Google لټون کې تعقیب کړئ

190 ګټور وسیلې به د Google لټون او AI لټون له لارې پیدا کول اسانه شي!

  • په لټون کې موندل کیږي
  • په AI لټون کې هم ښکاري
  • نوې وسیلې هم موندل کیږي

د اپډیټ معلومات

اړوند وسیلې