مولد گلس‌مورفیسم CSS

گلس‌مورفیسم — افکت کارت شیشه‌ای مات که با backdrop-filter: blur() و یک پس‌زمینه نیمه‌شفاف — ظاهر جذابی دارد، اما تنظیم دستی آن به آزمون‌وخطا نیاز دارد. این مولد لغزنده‌های زنده‌ای برای شدت تاری، شفافیت شیشه و شعاع گوشه‌ها، به‌علاوه یک انتخابگر رنگ برای ته‌رنگ شیشه در اختیار شما می‌گذارد و همه‌چیز را در لحظه روی پس‌زمینه‌ای رنگارنگ پیش‌نمایش می‌دهد.

وقتی ظاهر آن درست شد، CSS تولیدشده را — از جمله -webkit- پیشوند پشتیبانی از سافاری — مستقیماً در شیوه‌نامه‌تان کپی کنید.

یادداشت پشتیبانی مرورگر

backdrop-filter در همه مرورگرهای مدرن پشتیبانی می‌شود، اما همیشه افکت را در مرورگرهای هدف خود آزمایش کنید، چون نسخه‌های قدیمی‌تر ممکن است عنصر را بدون تاری نمایش دهند.