Neumorfizmus CSS Shadow — dvojvrstvový kód
Vizuálne vytvorte kód box-shadow CSS: posuvníky pre posun, rozmazanie, roztiahnutie, farbu s nepriehľadnosťou, režim vkladania a až štyri vrstvy so živým náhľadom.
Výsledok
Táto stránka otvára generátor s klasickým neumorfným párom, ktorý je už vytvorený: odsadenie svetlej vrstvy −8px/−8px v takmer bielej farbe a posunutie tmavej vrstvy 8px/8px v tlmenej šedo-modrej, obe rozmazané 16px. Prepínajte medzi dvoma vrstvami v zozname vrstiev, aby ste každú stranu vyladili nezávisle.
Neumorfizmus (mäkké používateľské rozhranie) je reliéfny štýl, ktorý vyvrcholil okolo roku 2020: prvky vyzerajú skôr vytlačené z pozadia ako vznášajúce sa nad ním. Úprimne povedané, prichádza so skutočnými kompromismi – efekt funguje iba vtedy, keď sa pozadie prvku zhoduje s pozadím stránky a okraje s nízkym kontrastom môžu zhoršiť dostupnosť – takže väčšina tímov ho teraz používa ako akcent, nie ako celý dizajnový jazyk.
Ak štýl vyhovuje vášmu projektu, táto dvojvrstvová deklarácia je kanonickým východiskovým bodom: skopírujte CSS, nastavte prvok a pozadie stránky na rovnakú jemnú sivú farbu a pridajte zodpovedajúci polomer okraja. Všetko beží lokálne vo vašom prehliadači.