مولدات الظل
الظلال في صندوق الإنقاذ
Configuración
Vista Previa
Elemento con sombra
💡Casos de uso
- ✓ Crear efectos de profundidad
- ✓ Diseñar botones con elevación
- ✓ Generar sombras para tarjetas
- ✓ Crear efectos 3D con CSS
صمم تأثيرات ظل جميلة باستخدام Box Shadow Generator. أنشئ ظلال CSS مخصصة للأزرار والبطاقات وعناصر واجهة المستخدم من خلال المعاينة المرئية وإنشاء التعليمات البرمجية بشكل فوري.
Key Features
إزاحة الظل القابلة للتعديل (أفقيًا وعموديًا)
طمس وانتشار الضوابط نصف القطر
لون ظل مخصص مع تعديل العتامة
دعم الظل المتعدد للتأثيرات المعقدة
معاينة مرئية في الوقت الحقيقي
انسخ كود CSS بنقرة واحدة
مولد الظل الصندوقي
ضبط الإزاحة
استخدم أشرطة التمرير لتعيين إزاحة الظل الأفقي والرأسي بالبكسل
تعيين طمس وانتشار
تكوين نصف قطر التمويه (النعومة) ونصف القطر المنتشر (توسيع الحجم)
اختر اللون
حدد لون الظل واضبط العتامة للحصول على التأثير المطلوب
تأثير المعاينة
عرض تأثير الظل على عنصر المعاينة في الوقت الحقيقي
نسخ واستخدام
انقر فوق "نسخ" لإضافة رمز ظل مربع CSS إلى ورقة الأنماط الخاصة بك
Use Cases
إنشاء تأثيرات العمق والارتفاع على الأزرار
تصميم مكونات البطاقة بظلال خفية
إضافة تأثيرات التمرير مع الظلال الديناميكية
بناء تصميمات واجهة المستخدم ذات الطبقات مع التسلسل الهرمي للظل
Frequently Asked Questions
ما هو مربع الظل المستخدمة ل؟
ينشئ Box-shadow تأثيرات ظل حول عناصر HTML للعمق والاهتمام البصري
هل يمكنني إنشاء ظلال متعددة؟
نعم، تدعم الأداة ظلال مربعة متعددة للحصول على تأثيرات معقدة
كيف تؤثر العتامة على الظلال؟
العتامة (ألفا) تتحكم في شفافية الظل من 0 (شفاف) إلى 1 (معتم)
هل الظلال CSS متوافقة؟
نعم، جميع قيم box-shadow التي تم إنشاؤها متوافقة مع المتصفحات الحديثة
Tool Information
Related Tools You Might Like
مولدات الكولور باليت من طراز Image
إستخراج الألوان المهيمنة من الصورة
RGB/HEX Converter
Convert between RGB and HEX color formats
المولدات الرئيسية
إنشاء طبقات برمجيات برمجيات برمجية مجهزة بالأشعة المقطعية
WCAG Contrast checker
مقارنة لون الشيكات وفقاً لمعايير فريق التقييم العالمي
مولد التوقيع الرقمي
:: إنشاء توقيعات رقمية مثبتة بعلامات مختلفة
مولدات الظل
توفير الظلال النصية لأجهزة الدعم المركزية
محاسبة فولوم
قم بحساب حجم اللوحة المثالي بناءً على وزنك ومستوى خبرتك وظروف الموجات.
متعهد الموجات الثقيلة
Convert between different wave altitude measurements (face altitude, Hawaiian scale, ocean swell).
مخطط سكوبا
نخطط لغطس سكوبا مع حدود العمق، والوقت السفلي، ومتطلبات الاكتئاب الآمن.