Box Shadow Generator
مولد ظل الصندوق CSS مجاني. اضبط الإزاحة والضبابي والانتشار واللون والداخلي. معاينة مباشرة ونسخ كود CSS. مثالي للمصممين والمطورين.
box-shadow: 0px 4px 6px 1px #00000020;حول Box Shadow Generator
يعمل Box Shadow Generator بالكامل في متصفحك. تبقى بياناتك على جهازك — لا يتم رفع أي شيء إلى أي خادم.
مولد ظل الصندوق CSS مجاني. اضبط الإزاحة والضبابي والانتشار واللون والداخلي. معاينة مباشرة ونسخ كود CSS. مثالي للمصممين والمطورين. مجاني, بدون تسجيل, بدون رفع.
كيفية استخدام Box Shadow Generator
صمّم ظلال CSS بصريًا وانسخ الكود فورًا. اضبط الضباب والانتشار والإزاحة واللون دون كتابة CSS يدويًا.
- 1
اضبط خصائص الظل
اضبط الإزاحة الأفقية والعمودية ونصف قطر الضباب والانتشار باستخدام المنزلقات.
- 2
اختر لونًا وشفافية
اختر لون الظل واضبط شفافيته. الظلال الأغمق والأقل شفافية تبدو أكثر طبيعية.
- 3
أضف inset إذا لزم
فعّل inset لإنشاء ظل داخلي بدلاً من ظل خارجي.
- 4
انسخ CSS
انقر على نسخ لنسخ كود CSS box-shadow المُنشأ إلى الحافظة.
نصائح
- •طبّق ظلالًا متعددة للعمق — اجمع ظلًا حادًا وداكنًا مع ظل أنعم وأفتح.
- •حافظ على نصف قطر الضباب أعلى من الانتشار لظل ناعم وواقعي.
- •الظلال تبدو أفضل بإزاحة عمودية طفيفة وشفافية منخفضة.
أدوات ذات صلة
المزيد من أدوات Generators
الأسئلة الشائعة
هل مولّد الظلال مجاني؟
نعم، مولّد الظلال لدينا مجاني تمامًا دون قيود. يمكنك إنشاء ظلال غير محدودة ونسخ كود CSS فورًا.
هل يمكنني إنشاء ظلال متعددة؟
نعم. يمكنك تطبيق ظلال متعددة بإزاحات وضباب وانتشار وألوان مختلفة لإنشاء عمق وتأثيرات توهج معقدة.
هل يمكنني نسخ كود CSS؟
نعم. تُعرض خاصية CSS box-shadow المُنشأة في صندوق كود. انقر على نسخ للحصول على كود جاهز للصق في ورقة الأنماط.
هل يعمل مولّد الظلال دون اتصال؟
نعم. كل الإنشاء يحدث في متصفحك، لذا تعمل الأداة دون اتصال بالإنترنت بعد تحميل الصفحة.