CSS Glassmorphism Generator
Lag CSS glassmorphism-effekter visuelt med live forhåndsvisning. Juster uskarphet, gjennomsiktighet, farge og kantlinje. Kopier CSS-kode for frostet glass-UI. Gratis nettverktøy.
Forhåndsvisning
Glassmorphism
10px
20%
30%
CSS-utdata
Referanse
Hva er Glassmorphism?
Glassmorphism er en moderne UI-designtrend som skaper en frostet glass-effekt ved hjelp av CSS backdrop-filter. Effekten har en halvgjennomsiktig bakgrunn med uskarphet som avslører innholdet bak, og skaper en følelse av dybde.
Nettleserstøtte
Egenskapen backdrop-filter støttes i alle moderne nettlesere. For eldre WebKit-nettlesere er prefikset -webkit-backdrop-filter inkludert. Merk at denne effekten krever at innhold bak glasselementet er synlig.
Personvern
All glassmorphism-generering kjøres 100 % i nettleseren din. Ingen data sendes til noen server.