انتقل إلى المحتوى
التصميم واللون

مولد CSS Glassmorphism

اضبط التمويه وعتامة الصبغة والحدود ونصف القطر على خلفية ملونة. انسخ ملف CSS واستخدمه للبطاقات وأشرطة التنقل والتراكبات المشروطة.

4 دقيقة قراءةتم التحديث 2026-11-04

حقائق أساسية

فئة
التصميم واللون
سعر
حر
حساب
غير مطلوب
يعالج
في المتصفح الخاص بك
مدخل
الملفات المحلية أو البيانات الملصقة
منصة
متصفحات سطح المكتب والجوال الحديثة

ماذا يفعل

اضبط التمويه وعتامة الصبغة والحدود ونصف القطر على خلفية ملونة. انسخ ملف CSS واستخدمه للبطاقات وأشرطة التنقل والتراكبات المشروطة.

قم بإنشاء بطاقات من الزجاج المصنفر مع التمويه والصبغة والحدود والظل.

كيفية استخدامه

إليك النسخة المختصرة لاستخدام مولد التشكل الزجاجي.

  • ضبط التمويه — القيم الأعلى تخفف الخلفية أكثر.
  • اضبط الصبغة — العتامة المنخفضة تبقي الخلفية مرئية.
  • انسخ ملف CSS — قم بتضمين خلفية احتياطية للمتصفحات غير المدعومة.

الميزات التي تهم

ما يفعله مولد التشكل الزجاجي بشكل جيد.

  • لا شيء يترك جهازك — يحدث العمل في علامة تبويب المتصفح الخاص بك. لا توجد نقطة نهاية للتحميل في هذا التطبيق، لذلك لا يمكننا تخزين ملفاتك ونصوصك أو تسجيلها أو مشاهدتها.
  • لا يوجد انتظار التحميل — يمكنك تخطي الرحلة ذهابًا وإيابًا إلى الخادم تمامًا. تقتصر النتائج على وحدة المعالجة المركزية الخاصة بك، وليس على سرعة الشبكة أو حجم قائمة الانتظار.
  • مجاني، بدون حساب، بدون حصص — لا يوجد جدار للتسجيل، ولا علامة مائية، ولا حد يومي. الحسابات الاختيارية موجودة فقط لحفظ المفضلة والإعدادات المسبقة عبر الأجهزة.

الأسئلة المتداولة

هل CSS الخاص بي آمن للاستخدام هنا؟

نعم. تعمل هذه الأداة بالكامل في متصفحك باستخدام JavaScript. لا يتم إرسال أي شيء تقوم بلصقه أو فتحه إلى الخادم، ولا تحتفظ الصفحة بأي نسخة بعد إغلاقها.

هل أحتاج إلى إنشاء حساب؟

لا، كل أداة قابلة للاستخدام بالكامل دون تسجيل الدخول. يضيف الحساب فقط المفضلات المحفوظة والإعدادات المسبقة القابلة لإعادة الاستخدام.

هل يعمل على الهاتف؟

نعم. تعتمد الواجهة على الأجهزة المحمولة أولاً وتتميز بأهداف لمس كبيرة وتخطيط مكدس، لذا فهي تعمل على الهواتف والأجهزة اللوحية بالإضافة إلى أجهزة الكمبيوتر المكتبية.

ما هي المتصفحات التي تدعم مرشح الخلفية؟

جميع المتصفحات الرئيسية الحالية تدعمها، لكن الإصدارات الأقدم وبعض عروض الويب المضمنة لا تدعمها. قم دائمًا بتوفير خلفية احتياطية قابلة للقراءة.

لماذا يختفي التأثير؟

يعمل مرشح الخلفية على تشويش ما يوجد خلف العنصر فقط. إذا كانت الخلفية عادية، فلا يوجد شيء مرئي يمكن تعتيمه.

فتح مولد CSS Glassmorphism

جربه الآن - فهو يعمل في متصفحك ولا يحتاج إلى حساب.

افتح الأداة