صمم ظلال CSS Box باستخدام أشرطة التمرير، وليس التخمين

يأخذ box-shadow CSS ما يصل إلى ستة قيم — الإزاحة الأفقية والإزاحة الرأسية ونصف قطر الضبابية ونصف قطر الانتشار واللون وكلمة inset اختيارية. كتابتها من الذاكرة يعمل للظلال البسيطة، لكن لأي شيء أكثر دقة — توهج ضيق أو shadow drop عميق أو طبقة ارتفاع ناعمة — فأنت تخمن وتعيد التحميل حتى يبدو شيء ما صحيحاً.

مولد مرئي يقلل من حلقة التكرار. حرك شريط تمرير، شاهد التغيير على الفور، وانسخ فقط عندما تكون راضياً. مولد box-shadow من Handytool يعمل بالكامل في متصفحك، لذا المعاينة هي خاصية CSS الحقيقية المطبقة على عنصر حقيقي — لا اختلافات عرض بين الأداة والصفحة الفعلية الخاصة بك.

المولد بالكامل على جانب العميل. خيارات اللون والقيم الرقمية وحالات المعاينة تبقى في متصفحك — لا شيء يُرسل إلى خادم. لا يوجد حساب للإنشاء ولا حد استخدام.

نظراً لأن عنصر المعاينة يستخدم خاصية CSS box-shadow الفعلية، المخرجات دقيقة بالتعريف — لا رسم القماش أو تقريب الصورة المشفرة المتضمنة. قيم البكسل التي تنسخها هي قيم البكسل التي يطبقها المتصفح.