تضيف ظلال الصندوق عمقًا إلى عناصر واجهة المستخدم من خلال محاكاة الإضاءة والارتفاع. تعمل الظلال المصممة جيدًا على إنشاء تسلسل هرمي مرئي وتجعل الواجهات أكثر ملموسًا.
اضبط الإزاحة الأفقية، والإزاحة الرأسية، والتمويه، والانتشار، واللون، والتعتيم. يتم تحديث معاينة Canvas في الوقت الفعلي. انسخ كود CSS عند الرضا.
Frequently Asked Questions
Q: ما هو الفرق بين طمس وانتشار؟ يتحكم Blur
ما هو الفرق بين طمس وانتشار؟ يتحكم Blur في مدى نعومة حافة الظل. يتحكم الانتشار في مقدار توسع الظل.
Q: كم عدد طبقات الظل التي يجب أن أستخدمها؟
كم عدد طبقات الظل التي يجب أن أستخدمها؟ عادة ما تكون 1-2 طبقات كافية. استخدم الظلال الداخلية للعمق الداخلي.
Q: كم عدد طبقات ظل الصندوق التي يجب أن أستخ
كم عدد طبقات ظل الصندوق التي يجب أن أستخدمها؟ غالبًا ما تستخدم التصميمات الاحترافية 2-4 طبقات للعمق. ابدأ بظل صغير ومشدود، وأضف ظلًا متوسط الانتشار، ثم أضف ظلًا محيطًا كبيرًا اختياريًا. تدعم الأداة طبقات غير محدودة.
Q: ما هو تأثير أداء صندوق الظل؟ عدد قليل من
ما هو تأثير أداء صندوق الظل؟ عدد قليل من ظلال الصندوق لها تأثير ضئيل. يمكن أن يؤثر عدد كبير جدًا من الظلال الضبابية الثقيلة على أداء التمرير على الأجهزة المنخفضة الجودة. تعرض الأداة معاينة في الوقت الفعلي حتى تتمكن من الحكم قبل النسخ.
Q: هل يمكنني إنشاء ظلال داخلية (داخلية)؟ ير
هل يمكنني إنشاء ظلال داخلية (داخلية)؟ يركز الإصدار الحالي على الظلال الخارجية. بالنسبة للظلال الداخلية، أضف الكلمة الأساسية "inset" يدويًا إلى بداية قيمة ظل مربع CSS التي تم إنشاؤها.