CSS Glassmorphism -generaattori
Luo CSS glassmorphism -tehosteita visuaalisesti reaaliaikaisella esikatselulla. Säädä sumentamista, läpinäkyvyyttä, väriä ja reunaa. Kopioi CSS-koodi. Ilmainen verkkotyökalu.
Esikatselu
Glassmorphism
10px
20%
30%
CSS-tuloste
Viite
Mikä on Glassmorphism?
Glassmorphism on moderni UI-suunnittelutrendi, joka luo himmeän lasitehosteen CSS:n backdrop-filter-ominaisuudella. Tehosteessa on puoliläpinäkyvä tausta sumentamisella, joka paljastaa takana olevan sisällön luoden syvyyden tunnun.
Selaintuki
Ominaisuutta backdrop-filter tuetaan kaikissa moderneissa selaimissa. Vanhemmille WebKit-selaimille on mukana etuliite -webkit-backdrop-filter. Huomaa, että tämä tehoste vaatii sisältöä lasielementin takana näkyväksi.
Tietosuoja
Kaikki glassmorphism-luonti tapahtuu 100 % selaimessasi. Mitään tietoja ei lähetetä palvelimelle.