Design et Ressources

Générateur CSS de panneau vitré

Générez du CSS pour des panneaux dans le style Glassmorphism.

Catégorie

Design et Ressources

Générateur CSS de panneau vitré

glassmorphismcssui Cartedesign

Sortie

Générateur de Glass Panel CSS

.glass-panel {
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, #38bdf8 35%, white);
  background: color-mix(in srgb, #0f172a 18%, transparent);
  backdrop-filter: blur(12px);
  color: white;
  padding: 24px;
  box-shadow: 0 24px 48px color-mix(in srgb, #0f172a 28%, transparent);
}

En direct Aperçu

Live canvas