CSS Glassmorphism Generator
Maak CSS glassmorphism-effecten met live preview. Pas vervaging, dekking, achtergrondkleur en schaduw aan. Gratis, 100% in je browser.
Voorbeeld
Glassmorphism
10px
20%
30%
CSS-uitvoer
Referentie
Over CSS Glassmorphism
Glassmorphism is een UI-ontwerpstijl die een matglaseffect creëert met achtergrondvervaging, transparantie en subtiele randen.
Browserondersteuning
backdrop-filter wordt ondersteund in moderne browsers. Voor Safari kan het prefix -webkit-backdrop-filter nodig zijn. Het is aanbevolen een fallback-achtergrondkleur op te geven.
Privacy
Alle verwerking draait 100% in je browser. Er worden nooit gegevens naar een server verzonden.