Neumorphism CSS Shadow — To-Layer Code
Byg CSS box-shadow kode visuelt: skydere til offset, sløring, spredning, farve med opacitet, indsat tilstand og op til fire lag med en live preview.
Resultat
Denne side åbner generatoren med det klassiske neumorfe par, der allerede er bygget: en let lag offset −8px/−8px i næsten hvid og et mørkt lag offset 8px/8px i en dæmpet gråblå, begge sløret 16px. Skift mellem de to lag i laglisten for at indstille hver side uafhængigt.
Neumorfisme (blød UI) er den prægede stil, der toppede omkring 2020: elementer ser ud fra baggrunden i stedet for at svæve over den. Helt ærligt, det kommer med reelle afvejninger - effekten virker kun, når elementets baggrund matcher sidebaggrunden, og kanterne med lav kontrast kan skade tilgængeligheden - så de fleste teams bruger det nu som en accent, ikke et helt designsprog.
Hvis stilen passer til dit projekt, er denne to-lags erklæring det kanoniske udgangspunkt: Kopier CSS, sæt elementet og sidebaggrunden til den samme bløde grå, og tilføj en matchende kantradius. Alt kører lokalt i din browser.