Herramientas · CSS · Crear un efecto glassmorphism · Guías
Guías de Crear un efecto glassmorphism
Tres lecturas breves: por qué importa, cómo hacerlo, y un caso de uso concreto.
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.
Leer la guíaHow 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.
Leer la guíaBuilding 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.
Leer la guía