أدوات مجانية
العربية
إنشاء ظل CSS
إنشاء ظل CSS — اختر الأبعاد أو الألوان وراجع الكود أو النتيجة. تبقى مدخلات الأداة على جهازك. دون حساب.
دون حساب
جارٍ تحميل الأداة…
طريقة الاستخدام
- 1أدخل القيم واختر الخيارات.
- 2شغّل الأداة وراجع النتيجة.
- 3انسخ النتيجة أو غيّر المدخلات للمقارنة.
معلومات مفيدة
تحقق من النطاقات والوحدات. تعتمد النتائج على مدخلاتك ومتصفحك.
قد تعالج الإعلانات بيانات الاتصال. يتبع التخصيص خيارات خصوصيتك. الخصوصية (الإنجليزية)
مثال محسوب للمدخلات والمخرجات
هذه نتائج المحرك الفعلي بالقيم التجريبية أدناه، دون مدخلاتك الشخصية أو عملك المحفوظ. حمّل المثال في الأداة لمراجعة المدخلات نفسها.
مدخل تجريبي
| الحقل | القيمة |
|---|---|
| الإزاحة الأفقية (px) | 0 |
| الإزاحة الرأسية (px) | 8 |
| التمويه (px) | 24 |
| الانتشار (px) | 0 |
| اللون | #0F766E |
| العتامة (%) | 25 |
نتيجة المثال
box-shadow: 0px 8px 24px 0px rgba(15, 118, 110, 0.25);
شروط الإدخال
هذه حدود التحقق الفعلية، ولا تضمن أن كل قيمة مقبولة واقعية أو مناسبة لحالتك.
- الإزاحة الأفقية (px): النطاق المقبول: -1,000 ≤ x ≤ 1,000
- الإزاحة الرأسية (px): النطاق المقبول: -1,000 ≤ x ≤ 1,000
- التمويه (px): النطاق المقبول: 0 ≤ x ≤ 1,000
- الانتشار (px): النطاق المقبول: -1,000 ≤ x ≤ 1,000
- العتامة (%): النطاق المقبول: 0 ≤ x ≤ 100