Neumorphism CSS Shadow — dvoslojna koda
Vizualno sestavite kodo okvirjev CSS: drsniki za odmik, zamegljenost, širjenje, barvo z motnostjo, način vstavljanja in do štiri plasti s predogledom v živo.
Rezultat
Ta stran odpre generator z že zgrajenim klasičnim nevmorfnim parom: svetla plast z odmikom −8px/−8px v skoraj beli barvi in temna plast z odmikom 8px/8px v zamolkli sivo-modri barvi, oba zamegljena 16px. Preklapljajte med obema slojema na seznamu slojev, da nastavite vsako stran neodvisno.
Neumorphism (soft UI) je reliefni slog, ki je dosegel vrhunec okoli leta 2020: elementi so videti iztisnjeni iz ozadja, namesto da lebdijo nad njim. Iskreno povedano, prihaja s pravimi kompromisi – učinek deluje le, če se ozadje elementa ujema z ozadjem strani, robovi z nizkim kontrastom pa lahko škodujejo dostopnosti – zato ga večina ekip zdaj uporablja kot naglas in ne kot celoten oblikovalski jezik.
Če slog ustreza vašemu projektu, je ta dvoslojna deklaracija kanonična izhodiščna točka: kopirajte CSS, nastavite element in ozadje strani na isto mehko sivo in dodajte ujemajoč se polmer obrobe. Vse se izvaja lokalno v vašem brskalniku.