إنشاء ظلال صندوق CSS جميلة بسهولة
إنشاء ظلال مربعة مذهلة باستخدام واجهتنا البديهية. انسخ كود CSS واستخدمه في مشاريعك على الفور.
Preview
الظل
تخصيص لي
CSS Output
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Shadow Controls
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
الظل
الظل المتوسط
الظل
الظل
قطري
حاد توهج
الظل
تأثير رفع
كيفية استخدام
عناصر التحكم
- اضبط الإزاحةالأفقيةلتحريك الظل إلى اليسار أو اليمين
- اضبط الإزاحةالرأسيةلتحريك الظل لأعلى أو لأسفل
- زيادةنصف قطرلجعل الظل أكثر
- Use نصف قطرلزيادة الحجم الكلي
- تغيير نقاط التحريرColor and Opacityلتخصيص مظهر
الميزات
- Enable إدخال الظللإنشاء تأثير
- Use ظلال متعددةلمزيد من التأثيرات
- احفظ وحملPresetsللوصول السريع إلى الظلال
- Click لديك Random Shadowللإلهام
- انسخ كود CSS الذي تم إنشاؤه والصقه في مشروعك
Related Tools
محول Stylus إلى CSS
تحويل كود SCSS إلى CSS. سريع وسهل وآمن.
محول Sass إلى CSS
حوّل كود Sass إلى CSS. بسرعة وسهولة وأمان.
إنشاء تحويلات CSS3 بسهولة
أداة قوية وسهلة الاستخدام لإنشاء تحويلات CSS3 معقدة دون الحاجة إلى كتابة كود. قم بتصور التغييرات في الوقت الفعلي وانسخ كود CSS الذي تم إنشاؤه لاستخدامه في مشاريعك.
محول وحدات الضغط
قم بالتحويل بين وحدات الضغط المختلفة بدقة لتلبية احتياجاتك الهندسية والعلمية
تحويل HEX إلى Pantone
تحويل رموز الألوان HEX بدقة إلى ألوان Pantone Matching System® لتلبية احتياجات التصميم الاحترافي
محول Base64 إلى صورة
تحويل سلاسل Base64 إلى صور لتطوير الويب وتصور البيانات