Generator glassmorfizma CSS-a
Generiraj spreman CSS za glasmorfne kartice sa zamućenjem ili neomorfne površine sa mehkim sjenama direktno iz vizuelnih klizača bez pisanja koda.
Generator glassmorfizma CSS-a
Kreiraj kompletan CSS za prozirnu karticu sa zamućenjem ili mekanu neomorfnu površinu bez ručnog pisanja vrijednosti. Odaberi glassmorfizam za translucidnu karticu koja pokazuje što se nalazi iza nje — izgled koji koriste moderni dashboardi, login paneli i modalni prozori — ili neumorfizam za površinu koja izgleda kao da je modelirana iz istog materijala kao i njena pozadina, koristeći par suprotnih mekih sjena umjesto transparentnosti.
Opcije se direktno mapiraju na svojstva koja alat piše. U glasmorfnom režimu, transparentnost površine i snaga zamućenja kontroliraju alpha vrijednost pozadine i backdrop-filter blur, dok debljina okvira i svijetlost okvira postavljaju tanku, semi-transparentnu granicu koja čuva čitljivost kartice nasuprot zapletenim pozadinama. Udaljenost sjene i njena mehkoća oblikuju sjenu ispod kartice, a gumb oblika je prebacuje na udubljenu sjenu za utonuli izgled. U neumorfnom režimu, iste vrijednosti udaljenosti i mehkoće sjene pokretaju svjetlu i tamnu sjenu izračunatu iz boje površine, podignuto ili udubljeno ovisno o obliku koji odabereš. Zaobljenost kutova i varijanta tamnog moda primjenjuju se na oba stila.
Jer se zamućena ili mekano zasjenjena površina može nalaziti na srednjoj toni koja je teško čitljiva s crnim ili bijelim tekstom, alat provjerava kontrast i dodaje kratki komentar upozorenja iznad CSS-a kada niti jedna boja teksta ne bi bila ugodno čitljiva s WCAG AA — poticaj za prilagodbu boje površine ili transparentnosti umjesto nagađanja.