Neumorphism CSS Shadow — Tolagskode
Bygg CSS-boksskyggekode visuelt: glidebrytere for forskyvning, uskarphet, spredning, farger med opasitet, innfelt modus og opptil fire lag med en direkte forhåndsvisning.
Resultat
Denne siden åpner generatoren med det klassiske nemorfiske paret som allerede er bygget: en lys lagforskyvning −8px/−8px i nesten hvitt og et mørkt lagoffset 8px/8px i en dempet gråblå, begge uskarpe 16px. Bytt mellom de to lagene i laglisten for å stille inn hver side uavhengig.
Neumorfisme (mykt brukergrensesnitt) er den pregede stilen som nådde toppen rundt 2020: elementer ser ut som ekstrudert fra bakgrunnen i stedet for å sveve over den. Ærlig talt, det kommer med ekte avveininger - effekten fungerer bare når elementets bakgrunn samsvarer med sidebakgrunnen, og kantene med lav kontrast kan skade tilgjengeligheten - så de fleste team bruker det nå som en aksent, ikke et helt designspråk.
Hvis stilen passer til prosjektet ditt, er denne to-lags erklæringen det kanoniske utgangspunktet: kopier CSS, sett elementet og sidebakgrunnen til samme myke grå, og legg til en matchende kantradius. Alt kjører lokalt i nettleseren din.