یہ ٹول کیسے کام کرتا ہے
box-shadow چار لمبائیاں اور ایک رنگ لیتا ہے: کتنا دائیں، کتنا نیچے، کنارہ کتنا نرم ہو، اور سایہ اس سب سے پہلے کتنا بڑھے یا سکڑے۔ پہلی دو اسے جگہ دیتی ہیں، دھندلاہٹ طے کرتی ہے کہ وہ صاف کنارے کی طرح پڑھا جائے یا پھیلی ہوئی چمک کی طرح، اور پھیلاؤ وہ ہے جسے زیادہ تر لوگ کبھی چھوتے نہیں، حالانکہ یہی چست جدید سائے کو پھولے ہوئے سائے سے جدا کرتا ہے۔
رنگ اور دُھندلاہٹ کو الگ رکھنے کے بجائے یہاں ایک rgba قدر میں ملا دیا جاتا ہے، کیونکہ پوری شدت کا سایہ تقریباً کبھی سائے جیسا نہیں لگتا۔ اصل سائے روشنی کی غیر موجودگی ہوتے ہیں، سیاہ رنگ کی تہہ نہیں، اس لیے عام غلطی کم کے بجائے زیادہ دُھندلاہٹ ہے۔ inset آن کرنے سے پوری چیز عنصر کے اندر چلی جاتی ہے، اور دبے ہوئے یا دھنسے ہوئے کنٹرول اسی طرح بنائے جاتے ہیں۔
ایسا سایہ بنانا جو روشنی جیسا لگے
- فاصلے کو ایک ہی منبعِ روشنی سے ملائیں: اگر ایک عنصر اپنا سایہ نیچے اور دائیں ڈالتا ہے تو صفحے کے باقی سب عناصر کو بھی ایسا ہی کرنا چاہیے۔ ملی جلی سمتیں انٹرفیس کو ٹکڑوں سے جوڑا ہوا دکھانے کا تیز ترین طریقہ ہیں۔
- بڑے عناصر کو بڑے اور نرم سائے چاہیے: صفحے سے اٹھا ہوا کارڈ بٹن سے بڑی دھندلاہٹ اٹھاتا ہے۔ دھندلاہٹ اور فاصلے کو چیز کے حجم کے ساتھ بڑھانا ہی بلندی کو یکساں محسوس کراتا ہے۔
- اکیلا سایہ شاذ ہی بہترین ہوتا ہے: یہ خصوصیت کوما سے جدا فہرست لیتی ہے، اور دو سائے — ایک تنگ اور گہرا برائے چھوہ، ایک چوڑا اور مدھم برائے ماحول — کسی ایک سے کہیں زیادہ قائل کرتے ہیں۔
- پھیلاؤ منفی بھی ہو سکتا ہے: منفی پھیلاؤ سائے کو عنصر سے بھی تنگ کھینچ لیتا ہے، جو ایسی ہلکی سی بلندی کے لیے کارآمد ہے جو کناروں سے باہر نہ پھیلے۔