الأدوات · CSS · مولّد تأثير الزجاج المصنفر · الأدلة
أدلة مولّد تأثير الزجاج المصنفر
ثلاث قراءات قصيرة: لماذا يهم هذا الأمر، وكيفية القيام به خطوة بخطوة، وحالة استخدام واحدة محددة.
Why Glassmorphism Falls Apart Without Something Behind It
A frosted-glass panel with nothing behind it to blur isn't glass, it's just a translucent grey box. The whole effect depends on real content sitting behind the element - which is also why it's so easy to get wrong.
اقرأ الدليلHow to Build Frosted-Glass CSS (Glassmorphism)
Pick a demo backdrop, tune blur, tint, saturation and border, and copy a real, standards-compliant CSS block. What each control changes and why the demo preview is honestly an approximation.
اقرأ الدليلBuilding a Frosted-Glass Navbar That Doesn't Disappear on Old Browsers
A sticky glass navbar over scrolling content is one of the most common real uses of backdrop-filter, and one of the easiest to get wrong on legibility and older-browser fallback both.
اقرأ الدليل