Skip to content
أداة عبر الإنترنت
FREE ONLINE TOOL · DEVELOPER TOOLS

CSS Box Shadow Generator

استخدم CSS Box Shadow Generator عبر الإنترنت دون إنشاء حساب. تحقّق من البيانات والنتيجة. intro

WORKSPACESTEP 1 · CHOOSE YOUR INPUT   →   STEP 2 · CONFIGURE   →   STEP 3 · EXPORT
Interactive toolReview processing details below
Loading your workspace…

طريقة الاستخدام CSS Box Shadow Generator

اختر ملفًا أو أدخل بياناتك.

  1. اضبط الخيارات المتاحة.
  2. شغّل الأداة وتحقّق من النتيجة قبل حفظها.
  3. فحوصات مهمة

احتفظ بالملف الأصلي وتأكد من صحة النتيجة. تختلف الميزات حسب المتصفح.

الإرشادات الأصلية الخاصة بالأداة (بالإنجليزية)

تمت ترجمة التنقل والدليل، لكن بعض عناصر التحكم والإرشادات التفصيلية ما زالت بالإنجليزية.
  1. Adjust horizontal and vertical offsets, blur, spread and shadow color.
  2. Run the tool and inspect the generated result or preview.
  3. Copy or download the result, then verify it before publishing.

CSS shadows are visual rules; browsers may display shadows slightly differently.

Related tools