CSS Glassmorphism generaator
Loo CSS glassmorphism efekte visuaalselt reaalajas eelvaatega. Kohanda hägustamist, läbipaistmatust, värvi ja äärist. Kopeeri CSS-kood. Tasuta veebitööriist.
Eelvaade
Glassmorphism
10px
20%
30%
CSS-väljund
Viide
Mis on Glassmorphism?
Glassmorphism on kaasaegne UI-disainitrend, mis loob matistatud klaasefekti CSS-i backdrop-filter abil. Efekt sisaldab poolläbipaistvat tausta hägustamisega, mis paljastab selle taga oleva sisu, luues sügavustunde.
Brauseritugi
Omadust backdrop-filter toetatakse kõigis kaasaegsetes brauserites. Vanemate WebKiti brauserite jaoks on kaasatud eesliide -webkit-backdrop-filter. Pange tähele, et see efekt nõuab klaaselemendi taga oleva sisu nähtavust.
Privaatsus
Kogu glassmorphism genereerimine toimub 100 % sinu brauseris. Ühtegi andmeid ei saadeta serverisse.