kitzos

مولّد زجاجي 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. 1

    اضبط التأثير

    ضبابية وشفافية وحد.

  2. 2

    معاينة

    بطاقة زجاجية على خلفية متدرجة.

  3. 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 للمستندات والنماذج.

مولّد لوحة ألوانجديد

ولّد تناسقات ألوان مكمّلة ومتجاورة وثلاثية من لون أساسي.