مصمّم ظل الصندوق
عاين ظل CSS مع التحكم بالإزاحة والتمويه والانتشار واللون.
تُحفظ أدواتك المفضلة في هذا المتصفح فقط.
مصمّم ظل الصندوق — مساحة العمل
جارٍ تحميل الأداة…
طريقة الاستخدام: مصمّم ظل الصندوق
ابدأ بالمثال أو استبدله بمدخلاتك.
راجع الإزاحة الأفقية (بكسل)، الإزاحة العمودية (بكسل)، التمويه (بكسل)، الانتشار (بكسل)، اللون، ثم اختر «اعرض النتيجة».
راجع النتيجة ثم انسخها أو نزّلها. عدّل أي مدخل للمحاولة مجددًا.
ما يمكنك إنجازه
- عاين ظل CSS مع التحكم بالإزاحة والتمويه والانتشار واللون.
ما تحصل عليه
- نتيجة للمراجعة أو النسخ أو التنزيل. تعرض الأدوات الرقمية حسابات معنونة وأدوات النص النتيجة المحوّلة.
ما تحتاجه
- الإزاحة الأفقية (بكسل)
- أدخل عددًا (-100–100).
- الإزاحة العمودية (بكسل)
- أدخل عددًا (-100–100).
- التمويه (بكسل)
- أدخل عددًا (0–200).
- الانتشار (بكسل)
- أدخل عددًا (-100–100).
- اللون
- اختر لونًا أو أدخل لونًا سداسيًا من ست خانات.
جرّب مثالًا
- الإزاحة الأفقية (بكسل)
0
- الإزاحة العمودية (بكسل)
8
- التمويه (بكسل)
24
- الانتشار (بكسل)
0
- اللون
#6550c8
من المفيد أن تعرف
- استخدم متصفحًا حديثًا مع تفعيل JavaScript. تعتمد الصيغ المتاحة والسرعة على المتصفح والجهاز وحجم المدخلات.
عملك يبقى على جهازك
تُعالج ملفاتك والقيم التي تدخلها داخل المتصفح ولا تُرفع للمعالجة. يظل تحميل الموقع ومحركات المعالجة المطلوبة من الموقع ضروريًا.
أسئلة وأجوبة
هل أداة مصمّم ظل الصندوق مجانية؟
نعم. أداة مصمّم ظل الصندوق مجانية ولا تتطلب حسابًا.
هل تُرفع ملفاتي أو القيم التي أدخلها؟
تُعالج ملفاتك والقيم التي تدخلها داخل المتصفح ولا تُرفع للمعالجة. يظل تحميل الموقع ومحركات المعالجة المطلوبة من الموقع ضروريًا.
ما النتيجة التي يمكنني حفظها؟
نتيجة للمراجعة أو النسخ أو التنزيل. تعرض الأدوات الرقمية حسابات معنونة وأدوات النص النتيجة المحوّلة.
ما الذي يجب مراجعته قبل استخدام النتيجة؟
استخدم متصفحًا حديثًا مع تفعيل JavaScript. تعتمد الصيغ المتاحة والسرعة على المتصفح والجهاز وحجم المدخلات.