مولّد ظل CSS
أنشئ خاصية box-shadow في CSS بصرياً باستخدام أشرطة التمرير. شاهد معاينة مباشرة وانسخ شفرة CSS. يدعم الظلال الخارجية والداخلية وتعدد الظلال.
الميزات
طريقة الاستخدام
1. شكّل الظل بأشرطة التمرير — البطاقة المحايدة في منطقة العمل تُظهر النتيجة النهائية تمامًا.
2. الظلال الواقعية متعددة الطبقات: أضف حتى أربع طبقات، أو ابدأ من إعداد جاهز (ناعم / مرتفع / عائم / داخلي).
3. بدّل الخلفية لفحص الظل على الأبيض والرمادي والداكن، ثم انسخ CSS.
حول هذه الأداة
الظلال المقنعة في الواجهات تتكون عادة من أكثر من طبقة: ظل ضيق وأغمق يوحي بالتلامس، وظل واسع وناعم يوحي بالمسافة. يتيح لك هذا المولّد تكديس ما يصل إلى أربع طبقات من box-shadow، مع ضبط الإزاحة الأفقية والعمودية والتمويه والانتشار واللون والشفافية والوضع الداخلي لكل طبقة، بينما تعرض بطاقة محايدة على المسرح النتيجة بدقة. تمنحك الإعدادات الجاهزة نقاط انطلاق — ناعم ومرتفع وعائم وداخلي — ويمكنك تبديل المسرح بين أسطح بيضاء ورمادية وداكنة للتأكد من وضوح الظل على كل منها. يسرد CSS الناتج الطبقات بالترتيب الصحيح بألوان rgba، جاهزًا للصق في ورقة أنماط أو ملف رموز التصميم.