مولّد زجاجي CSS
صمّم تأثير زجاجي ضبابي بمعاينة حية وانسخ كود CSS.
Glass card
Live preview
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 16px;
طريقة الاستخدام
- 1
اضبط التأثير
ضبابية وشفافية وحد.
- 2
معاينة
بطاقة زجاجية على خلفية متدرجة.
- 3
انسخ CSS
backdrop-filter والخلفية.
الأسئلة الشائعة
backdrop-filter في Chromium وSafari وFirefox الحديثة.
البطاقات والقوائم والنوافذ فوق خلفيات ملونة.
أدوات ذات صلة
مولّد رمز 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 جاهز.
مولّد ظل CSSجديد
صمّم ظلال box-shadow بمعاينة حية وانسخ الكود مباشرة.
مولّد توقيع شفافجديد
ارسم توقيعاً بخلفية شفافة ونزّله PNG للمستندات والنماذج.
مولّد لوحة ألوانجديد
ولّد تناسقات ألوان مكمّلة ومتجاورة وثلاثية من لون أساسي.