CSS & Design

Vidrio CSS

Dibuja un panel esmerilado y copia el CSS.

En el navegador

El panel de cristal se dibuja en esta pestaña. Copia el CSS a tu hoja de estilos.

Vista de cristal

Acerca de esta herramienta

Dibuja un panel de vidrio esmerilado y copia el CSS.

Mueve el desenfoque y la opacidad blanca. El panel se apoya en una banda de color para ver el efecto. La declaración usa backdrop-filter y un fondo translúcido.

Los navegadores antiguos pueden ignorar backdrop-filter. El efecto es pintura, no un filtro de foto, y no desenfoca un archivo. Mantén contraste suficiente.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Pasos rápidos

  1. Dibuja un panel de vidrio esmerilado y copia el CSS.
  2. Mueve el desenfoque y la opacidad blanca. El panel se apoya en una banda de color para ver el efecto. La declaración usa backdrop-filter y un fondo translúcido.
  3. Los navegadores antiguos pueden ignorar backdrop-filter. El efecto es pintura, no un filtro de foto, y no desenfoca un archivo. Mantén contraste suficiente.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Preguntas frecuentes

Dibuja un panel de vidrio esmerilado y copia el CSS.

Mueve el desenfoque y la opacidad blanca. El panel se apoya en una banda de color para ver el efecto. La declaración usa backdrop-filter y un fondo translúcido.

Los navegadores antiguos pueden ignorar backdrop-filter. El efecto es pintura, no un filtro de foto, y no desenfoca un archivo. Mantén contraste suficiente.

Lee la línea de privacidad de esta página antes de usar el resultado en público.

Un paso útil a continuación

Políticas del sitio: Privacidad · Términos