Generator glasmorfizma CSS
Generiraj pripravljeni CSS za glasmorfne plošče z zamegljanjem ali neumorfne površine z mehkimi sencami neposredno iz vizualnih drsnikov brez pisanja kode.
Generator glasmorfizma CSS
Ustvarite popoln CSS za prozorno kartično ali mehko neumorfno površino brez ročnega pisanja vrednosti. Izberite glasmorfizo za translucidno kartico, ki prikazuje, kaj je za njo — izgled, ki ga uporabljajo moderni nadzorni plošči, prijavljeni paneli in modalna okna — ali neumorfizo za površino, ki se zdi, da je oblikovana iz iste snovi kot njeno ozadje, z uporabo para nasprotnih mehkih senc namesto prosojnosti.
Možnosti se neposredno preslikavajo na lastnosti, ki jih piše orodje. V glasmorfnem načinu prozojnost površine in moč zamegljenja nadzorujeta alfakanalo ozadja in backdrop-filter blur, medtem ko debelina in svetlost roba nastavljata tanek, pol-prosejen rob, ki ohranja čitljivost kartice pred zapletenim ozadjem. Razdalja in mehkoća sence oblikujeta senco pod kartico, stikalo oblike pa jo preusmeri na vgrajeno senco za potopljeni videz. V neumorfnem načinu iste vrednosti razdalje in mehkoče sence sprožita svetlo in temno senco, izračunano iz barve površine, dvignjeno ali vgrajeno glede na izbrano obliko. Zaokroženost vogalov in različica temnega načina se nanašata na oba sloga.
Ker se zamegljena ali mehko zasjenjena površina lahko nahaja v srednjem tonu, ki ga je težko brati s črnim ali belim besedilom, orodje preverka kontrast in pod CSS doda kratek opozorilo, ko nobena barva besedila ne bi bila udobno čitljiva s WCAG AA — spodbudite vas, da prilagodite barvo ali prosojnost površine namesto ugibanja.