Design

CSS Glassmorphism

Générateur de code CSS pour effets de flou.

Configuration

Styles du Verre

Couleur du fond

Flou (Pixels)

Opacité Fond

Opacité Bordure

Arrondi (Radius)

Glass Preview

L'étoile et les formes bougent en continu pour tester la réfraction.

Viewport de test

Exportation

background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.1);