مولد CSS Glassmorphism
أنشئ تأثيرات CSS glassmorphism بصرياً مع معاينة مباشرة. اضبط الضبابية والشفافية واللون والإطار. انسخ كود CSS لواجهة الزجاج المثلج. أداة أونلاين مجانية.
معاينة
Glassmorphism
10px
20%
30%
مخرج CSS
مرجع
ما هو Glassmorphism؟
Glassmorphism هو اتجاه حديث في تصميم واجهات المستخدم ينشئ تأثير الزجاج المثلج باستخدام CSS backdrop-filter. يتميز التأثير بخلفية شبه شفافة مع ضبابية تكشف المحتوى خلفها، مما يخلق إحساساً بالعمق.
دعم المتصفحات
خاصية backdrop-filter مدعومة في جميع المتصفحات الحديثة. للمتصفحات القديمة المبنية على WebKit، يتم تضمين البادئة -webkit-backdrop-filter. لاحظ أن هذا التأثير يتطلب أن يكون المحتوى خلف عنصر الزجاج مرئياً.
الخصوصية
جميع عمليات توليد glassmorphism تتم بنسبة 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.