المخرجات والقيود
المخرج تصريح CSS من نوع box-shadow لمكوّن واحد. لا يضمن أن الظل مناسب لكل خلفية أو متصفح أو نظام تصميم؛ اختبره في الصفحة المستهدفة.
صمّم ظلًا ناعمًا أو بارزًا أو داخليًا، وعدّل خصائصه بمقابض سهلة وشاهد النتيجة فورًا، ثم انسخ كود CSS إلى مشروعك.
عدّل القيم أو اختر نمطًا جاهزًا.
افحص الظل على خلفية واجهتك الفعلية، وتجنب المبالغة فيه حتى لا تقل وضوح العناصر.
حرّك منزلقات الإزاحة والتمويه والانتشار والشفافية، واختر اللون والظل الداخلي، ثم انسخ كود CSS الناتج.
المخرج تصريح CSS من نوع box-shadow لمكوّن واحد. لا يضمن أن الظل مناسب لكل خلفية أو متصفح أو نظام تصميم؛ اختبره في الصفحة المستهدفة.
ابدأ بقيم خفيفة، وراجع الظل على الخلفية الفعلية وفي الشاشات الصغيرة، وتجنب استخدام الظلال وحدها لبيان التركيز.
لا تدخل كلمات مرور أو مفاتيح سرية أو بيانات شخصية حساسة. لا تفترض أن المعالجة محلية لمجرد أن الأداة تعمل في صفحة ويب؛ راجع سياسة الخصوصية وسلوك الشبكة قبل استخدام بيانات سرية.
لا، ينتج قيمة/تصريح الظل فقط.
لا، يجب لصق الكود في محدد CSS المناسب.
قد تختلف الخلفية أو الأبعاد أو قواعد CSS المحيطة.