HTML + CSSLiquid Glass

Puerta de cristal con rótulo al ácido

El nombre del café grabado al ácido en el vidrio de la puerta, con un reflejo que sigue al cursor; tócala y se abre.

Ajustes

16px
1x

Código

<div class="uvq11-etch"><button type="button" class="dr" aria-pressed="false" aria-label="Abrir la puerta del café"><span class="pane"><span class="et"><b>Café Norte</b><small>desde 1962</small></span><span class="gl"></span></span><span class="hdl"></span><span class="tag"><span>Abierto</span></span></button></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Liquid Glass

Ver todos: Liquid Glass

Dónde usarlo

La puerta de un café en madera pintada con un gran vidrio y el nombre grabado al ácido en serif cursiva. Las letras se rellenan con una copia desenfocada y blanqueada del interior mediante background-clip, alineada con la escena de detrás, así que parecen vidrio esmerilado y no pintura. Un reflejo suave recorre el cristal con el puntero.

Escribe el nombre de tu local y repinta el marco y las lámparas cálidas. Toda la puerta es un botón que se abre en perspectiva, y el cartel colgado se balancea cada vez. Encaja en webs de restaurantes, cafeterías y tiendas pequeñas.