▢

Glassmorphism Generator

Maak CSS voor matglazen kaarten met blur, transparantie, verzadiging en een tintkleur.

Je bestanden blijven op dit apparaat

Bestanden worden in je browser verwerkt, nooit geüpload. De site downloadt de benodigde code en bestanden. Geen accounts of trackers.

Gebruik Downloaden om deze tool als één HTML-bestand op te slaan voor offline gebruik.

blur: 10px

transparency: 0.25

saturation: 180%

tint

resultaat

uitvoer

Over deze tool

Pas blur, transparantie, verzadiging en tint aan om een matglazen kaart te ontwerpen en de CSS te kopiëren, helemaal in je browser.

Waarom staat het voorbeeld op een verloop?

Glassmorphism vertrouwt op een kleurrijke achtergrond, zodat de blur en transparantie achter de kaart zichtbaar zijn.

Wat doet backdrop-filter?

Het maakt alles achter het element wazig en verzadigd om het matglaseffect te produceren.