إنشاء ظلال صندوق 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 الذي تم إنشاؤه لاستخدامه في مشاريعك.
حاسبة التجزئة SHA-224
أنشئ تجزئات SHA-224 بسرعة وسهولة
تحويل JSON إلى XML بسهولة
حوّل بيانات JSON إلى تنسيق XML منظم بنقرة واحدة. سريع وآمن ومستند بالكامل إلى المتصفح.
إنشاء تدرجات نصية CSS جميلة بسهولة
أنشئ تأثيرات نصية متدرجة مذهلة لموقعك الإلكتروني