مُنشئ ظل الصندوق CSS
Developer Tools
جاري تحميل الأداة...
حول هذه الأداة
مُنشئ ظل الصندوق CSS مجاني وخاص بدون خادم. اضبط الإزاحة والتمويه والانتشار واللون والظل الداخلي ونصف قطر الحدود. 6 قوالب جاهزة. نسخ كود CSS بنقرة. لا تغادر بياناتك المتصفح.
كيفية الاستخدام
- اضبط خصائص الظل بـأشرطة التمرير.
- اختر لون الظل ولون الخلفية.
- فعّل الظل الداخلي عند الحاجة.
- اضبط نصف قطر الحدود.
- جرّب القوالب الـ6.
- اضغط نسخ CSS.
الأسئلة الشائعة
ما خصائص الظل التي يمكنني التحكم بها؟
الإزاحة الأفقية والرأسية، نصف قطر التمويه والانتشار، لون الظل، الظل الداخلي، ونصف قطر الحدود.
ما القوالب المتوفرة؟
ست قوالب: خفيف، متوسط، ثقيل، وهج ناعم، حاد، وداخلي.
ما هي حالات الاستخدام؟
تصميم البطاقات، تأثيرات الأزرار، نوافذ الحوار، العناصر العائمة، وأنماط النيومورفيزم.
هل يمكنني استخدام CSS في أي إطار عمل؟
نعم! CSS القياسي يعمل في جميع الأطر الحديثة مثل React وVue وAngular وTailwind.
أدلة ودروس
أدلة شاملة لكل أداة. تعلم كيف تعالج بياناتك بخصوصية تامة، مجاناً، مباشرة في متصفحك.
اقرأ المزيد