مولّد ظل CSS
صمّم ظلال box-shadow بمعاينة حية وانسخ الكود مباشرة.
background: #ffffff; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.25);
طريقة الاستخدام
- 1
اضبط الظل
إزاحة وضبابية وانتشار ولون وinset.
- 2
معاينة
شاهد الظل على بطاقة حية.
- 3
انسخ CSS
الصق قاعدة box-shadow.
الأسئلة الشائعة
هذه الأداة تولّد ظلاً واحداً. كرّر القاعدة للتكديس.
أي لون CSS صالح بما فيها hex مع شفافية.
أدوات ذات صلة
مولّد رمز QR
أنشئ رموز QR من نص أو روابط. نزّلها بصيغة PNG أو SVG.
منسّق JSON
نسّق وتحقق من صحة JSON وصغّره مع رسائل خطأ واضحة.
مشفّر / فك تشفير Base64
شفّر وفك تشفير النص أو الصور إلى Base64. يعمل بالكامل دون اتصال.
منتقي الألوان
اختر لوناً وحوّله بين صيغ HEX وRGB وHSL.
محوّل الطوابع الزمنية
حوّل الطوابع الزمنية Unix إلى تواريخ والعكس. يدعم الثواني والميلي ثانية.
مولّد التجزئة
أنشئ تجزئات MD5 وSHA-1 وSHA-256 وSHA-512 من أي نص.
مولّد صورة OGجديد
أنشئ صور Open Graph 1200×630 للمشاركة على الشبكات الاجتماعية.
مولّد فافيكونجديد
ولّد أيقونات PNG بأحجام متعددة من صورة واحدة ونزّلها كملف ZIP.
مولّد باترن SVGجديد
أنشئ أنماط خلفية SVG متكررة وانسخ كود CSS جاهز.
مولّد توقيع شفافجديد
ارسم توقيعاً بخلفية شفافة ونزّله PNG للمستندات والنماذج.
مولّد لوحة ألوانجديد
ولّد تناسقات ألوان مكمّلة ومتجاورة وثلاثية من لون أساسي.
مولّد زجاجي CSSجديد
صمّم تأثير زجاجي ضبابي بمعاينة حية وانسخ كود CSS.