توليد مرئي لـ box-shadow و text-shadow في CSS مع دعم الظلال متعددة الطبقات
أدوات المطورين
حول هذه الأداة
مولد ظلال CSS هو أداة مرئية لإنشاء خصائص box-shadow و text-shadow. يدعم طبقات ظل متعددة مع تحكم مستقل في الإزاحة والتمويه والامتداد واللون والشفافية ووضع inset، مع إعدادات مسبقة مثل النيومورفيزم والنيون للحصول على نتائج سريعة.
الميزات الرئيسية
- علامتا تبويب منفصلتان لتوليد box-shadow و text-shadow
- دعم طبقات ظل متعددة مع تحكم مستقل في معلمات كل طبقة
- منزلقات للتحكم في الإزاحة والتمويه والامتداد والشفافية
- إعدادات مسبقة مدمجة: نيومورفيزم و Material وتوهج ونيون
- معاينة فورية مع منتقي ألوان ومفتاح inset
- نسخ مخرجات CSS المُنشأة بنقرة واحدة
حالات الاستخدام
- تصميم مكونات واجهة مستخدم بأسلوب النيومورفيزم باستخدام ظلال مزدوجة ناعمة
- إنشاء ظلال طبقية بأسلوب Material Design للبطاقات وصناديق الحوار
- توليد تأثيرات نيون نصية للعناوين والشعارات
- عمل نماذج أولية لتأثيرات الظلال متعددة الطبقات دون كتابة CSS يدويًا
- ضبط شفافية الظل وتمويهه بدقة للحصول على تأثيرات عمق دقيقة
css
shadow
box-shadow
الأسئلة الشائعة
ما هو مولد ظلال CSS؟
مولد ظلال CSS هو أداة مرئية لإنشاء خصائص box-shadow و text-shadow مع دعم الظلال متعددة الطبقات والمعاينة الفورية والنسخ بنقرة واحدة. يعمل بالكامل في المتصفح ولا يرسل أي بيانات إلى أي خادم.
هل يمكنني إضافة طبقات ظل متعددة؟
نعم، يمكنك إضافة أي عدد من طبقات الظل. كل طبقة لها تحكم مستقل في الإزاحة والتمويه والامتداد واللون والشفافية ووضع inset. يتم دمج الطبقات في قيمة CSS واحدة مفصولة بفواصل.
ما الإعدادات المسبقة المتاحة؟
تشمل إعدادات box-shadow المسبقة: نيومورفيزم و Material وتوهج وظل صلب وطبقات و inset. وتشمل إعدادات text-shadow المسبقة: نيون وعتيق ونقش ولهب وتوهج. انقر على أي إعداد مسبق لتطبيقه فورًا.
هل تدعم الأداة text-shadow؟
نعم، توفر الأداة علامة تبويب مخصصة لـ text-shadow حيث يمكنك تكوين الإزاحة الأفقية والرأسية والتمويه واللون والشفافية لكل طبقة. استخدم شريط التبويب للتبديل بين box-shadow و text-shadow.
هل يتم إرسال بياناتي إلى الخادم؟
لا. تتم جميع عمليات توليد الظلال وعرض المعاينة بالكامل في المتصفح دون تحميل أي بيانات إلى أي خادم، مما يضمن بقاء عملك خاصًا تمامًا.