یہ ٹول کیسے کام کرتا ہے
یہ تاثر ایک ہی خصوصیت کے دم پر ہے: backdrop-filter فلٹر کو عنصر پر نہیں بلکہ اس کے پیچھے جو کچھ ہو اس پر لگاتا ہے۔ اس پس منظر کو دھندلا کریں، اوپر جزوی طور پر شفاف رنگت بچھا دیں، اور پینل دُھند آلود شیشے کی طرح پڑھا جانے لگتا ہے۔ سیرابی کا اضافہ وہ حصہ ہے جو عموماً چھوڑ دیا جاتا ہے اور جو سب سے زیادہ اہمیت رکھتا ہے — اس کے بغیر دھندلا پس منظر گدلا ہو جاتا ہے اور نتیجہ شیشے کے بجائے کہر جیسا لگتا ہے۔
رنگت ایک رنگ اور دُھندلاہٹ کو ملا کر بنی rgba قدر ہے، اور ایک ہلکا روشن بارڈر شیشے کے کنارے کا تاثر مکمل کرتا ہے۔ ایک سخت شرط یہ ہے کہ پینل کے پیچھے کچھ ہونا چاہیے: سادہ رنگ پر دھندلانے کو کچھ نہیں ہوتا اور تاثر غائب رہتا ہے، اور نقل کیے ہوئے glassmorphism اصول کے کچھ نہ کرنے کی سب سے بڑی وجہ یہی ہے۔
قیمتیں، جو حقیقی ہیں
- پیچھے کچھ نہ ہو تو دھندلانے کو کچھ نہیں: والد عنصر کو تصویر، گریڈینٹ یا اوپر تلے آتا ہوا مواد چاہیے۔ سادہ پس منظر پر پینل محض ایک رنگا ہوا مستطیل ہے۔
- عبارت کا تضاد دھندلے پس منظر کے مقابل ناپا جاتا ہے: اور وہ پس منظر صفحہ اسکرول ہونے کے ساتھ بدلتا ہے، اس لیے جو سرخی اوپر پڑھی جا سکتی ہو وہ نیچے جا کر ناکام ہو سکتی ہے۔ رنگت کی دُھندلاہٹ اتنی بڑھائیں کہ بدترین صورت بھی پاس ہو جائے۔
- اسے بنانا مہنگا ہے: backdrop-filter اس وقت دوبارہ حساب ہوتا ہے جب اس کے پیچھے کوئی چیز ہلے۔ چند پینل ٹھیک ہیں؛ ان کی اسکرول ہوتی فہرست درمیانے درجے کے آلات پر اٹکے گی۔
- Safari کو ایک عرصے تک سابقے کی ضرورت رہی ہے: معیاری خصوصیت کے ساتھ سابقے والی بھی دی جاتی ہے، اور اسے چھوڑ دینا وہ دوسری عام وجہ ہے جس سے تاثر کچھ لوگوں کے لیے چلتا ہے اور کچھ کے لیے نہیں۔