وصف الأداة

مولّد بصري لخاصية box-shadow في CSS يُنشئ تأثيرات ظل مخصصة مع معاينة فورية وتوليد كود CSS مباشرة. توفر الأداة تحكمًا بديهيًا لجميع خصائص الظل بما في ذلك الإزاحة، التمويه، الانتشار، اللون، وخيارات الـ inset، مما يجعل من السهل تصميم ظلال مثالية لعناصر الويب دون كتابة CSS يدويًا.

المميزات

  • معاينة فورية: شاهد تأثيرات الظل فورًا أثناء تعديل المعلمات مع رد فعل بصري مباشر
  • تحكم كامل بالظل: ضبط الإزاحة الأفقية/العمودية، نصف قطر التمويه، نصف قطر الانتشار، ولون الظل
  • دعم الظل الداخلي (Inset): إنشاء تأثيرات ظل خارجية وداخلية (inset) عبر زر اختيار
  • تكامل أداة اختيار اللون: أداة اختيار لون بصرية لتحديد لون الظل بدقة وتخصيصه
  • تخصيص الخلفية: ضبط خلفية المعاينة وألوان الصندوق لاختبار وضوح الظل
  • توليد كود CSS: يولد تلقائيًا كود CSS نظيف جاهز للنسخ
  • أشرطة تمرير: أشرطة تمرير بديهية للتحكم الرقمي الدقيق في جميع معلمات الظل
  • وظيفة النسخ: نسخ بنقرة واحدة لكود CSS المُولد للاستخدام الفوري
  • إخراج احترافي: يولد CSS مُحسّن يعمل على جميع المتصفحات الحديثة