Glassmorphism / Neumorphism

Crée des effets de verre dépoli ou de relief doux, avec le code CSS.

Chromatik

Effet verre dépoli

Fond de l'aperçu

Couleur 1

Couleur 2

Angle135°

Teinte du verre

Transparence18%

Flou (backdrop-blur)16px

Épaisseur de la bordure1px

Opacité de la bordure30%

Arrondi20px

Ombre portée25%

CSS

background: rgba(255, 255, 255, 0.18);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 20px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);