Générateur CSS Glassmorphism & Neumorphism

Créez des effets visuels modernes avec aperçu en direct, curseurs et CSS prêt à copier.

Aperçu verre

Couleur d'arrière-plan

Couleur d'accent

Rayon des coins (28px)

Flou de l'ombre (26px)

Flou d'arrière-plan (18px)

Transparence (22%)

Distance de l'ombre (12px)

Code CSS

background: rgba(255, 255, 255, 0.22);
border-radius: 28px;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.37);
box-shadow: 0 18px 26px rgba(15, 23, 42, 0.16);

Partager l'outil