مُحسّن زجاجيّة مشعّشة انشئ تأثيرات واجهة مستخدم زجاجية مشعّشة مع ضبط خلفية متعمّمة، شفافية، وتشبع.

يعتمد Glassmorphism على خاصية backdrop-filter في CSS ، وخاصة دالات blur() وسaturate().Backdrop تطبيق Effects على المنطقة خلف عنصر ، على عكس filter الذي يؤثر على العنصر نفسه. يجب أن يكون للعنصر خلفية شبه شفافة (باستخدام rgba أو hsla) حتى تكون التمويه مرئية. قيمة blur() بالبكسل تحدد شدة تأثير الزجاج المطفي - 10-20px هو النموذج. يزيد saturate() فوق 100% من الألوان المرئية من خلال الزجاج. تستخدم الحاشية نسخة غموض أعلى قليلاً من لون الخلفية للتعريف. يضيف box-shadow العمق. بادئة -webkit-backdrop-filter مطلوبة لـ Safari. للallback ، قم بتوفير خلفية أكثر opakًا للمتصفحات التي لا تدعم backdrop-filter. استخدم @supports (backdrop-filter: blur(1px)) لاكتشاف الميزة. ملاحظة الأداء: يمكن أن يكون backdrop-filter مكلفًا على عناصر كبيرة أو عند تجميع طبقات مطفاة متعددة.