◩
أدوات الصور والتصميم
Box Shadow Generator
يعمل Box Shadow Generator داخل المتصفح للتحقق من النتائج أو تحويلها أو تجهيزها دون إرسال الإدخال إلى خادم.
أدوات الصور والتصميم
Input / output
Shadow preview
2 layers
CSS 코드
box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 0.18), 0px 2px 6px 0px rgb(37 99 235 / 0.12);
Tailwind shadow
shadow-[0px_8px_24px_-8px_rgb(0_0_0_/_0.18),_0px_2px_6px_0px_rgb(37_99_235_/_0.12)]
Shadow layers
Layer 1
Layer 2
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Box Shadow Generator أداة محلية في المتصفح مخصصة لـ سير عمل الصور والتصميم. تبقى المدخلات والخيارات والنتائج في صفحة واحدة.
How to use it
- الصق الإدخال
أدخل أو الصق القيمة التي تريد معالجتها في منطقة الإدخال.
- اضبط الخيارات
اختر الوضع أو التنسيق أو الوحدة المناسبة لـ box shadow, CSS shadow, elevation.
- راجع النتيجة
شغل الأداة ثم انسخ النتيجة أو نزلها بعد المراجعة.
Examples
مثال Box Shadow Generator
- Input
- إدخال تجريبي
- Output
- نتيجة تمت مراجعتها في المتصفح.
Practical tips
- ابدأ بعينة صغيرة عندما يكون المحتوى كبيرا.
- تبقى الإعلانات خارج عناصر التحكم والنتائج الرئيسية.
FAQ
ما الإدخال المناسب لـ Box Shadow Generator؟
استخدم قيما تطابق المهمة الظاهرة واضبط الخيارات قبل التشغيل.
هل يمكنني نسخ نتيجة Box Shadow Generator؟
نعم. راجع النتيجة ثم انسخها أو نزلها عندما تكون صحيحة.
هل يعمل Box Shadow Generator على الهاتف؟
نعم. يتم ترتيب الإدخال والخيارات والنتائج بشكل مناسب على الشاشات الصغيرة.
هل يتم إرسال إدخالي إلى خادم؟
لا. الأداة مصممة لمعالجة الإدخال داخل المتصفح.