Generator Glassmorphism CSS — Efekt Matowego Szkła

Glassmorphism to trend designu UI inspirowany matowym szkłem — półprzezroczyste karty z rozmytym tłem, delikatnym obramowaniem i lekkim cieniem. Generator tworzy efekt bez prób i błędów.

Kluczowe właściwości glassmorphism

• backdrop-filter: blur(10px) — rozmycie tła za elementem
• background: rgba(255,255,255,0.1) — semi-przezroczyste tło
• border: 1px solid rgba(255,255,255,0.2) — delikatne obramowanie
• border-radius: 16px — zaokrąglone rogi

Wsparcie przeglądarek

backdrop-filter jest wspierany przez nowoczesne przeglądarki. Dla Safari wymagany prefiks -webkit-backdrop-filter. Generator automatycznie dodaje prefiks.