Neumorphism CSS Shadow — dvoslojni kod
Vizualno izradite CSS box-shadow kod: klizači za pomak, zamućenje, širenje, boju s neprozirnošću, način umetanja i do četiri sloja s pregledom uživo.
Rezultat
Ova stranica otvara generator s klasičnim neumorfnim parom koji je već izgrađen: svijetli sloj s pomakom −8px/−8px u gotovo bijeloj boji i tamni sloj s pomakom 8px/8px u prigušenoj sivo-plavoj boji, oba zamućena 16px. Prebacujte se između dva sloja na popisu slojeva za neovisno ugađanje svake strane.
Neumorphism (soft UI) je reljefni stil koji je dosegao vrhunac oko 2020.: elementi izgledaju istisnuti iz pozadine umjesto da lebde iznad nje. Iskreno, dolazi sa stvarnim kompromisima - učinak funkcionira samo kada pozadina elementa odgovara pozadini stranice, a rubovi s niskim kontrastom mogu naštetiti pristupačnosti - tako da ga većina timova sada koristi kao naglasak, a ne cijeli dizajnerski jezik.
Ako stil odgovara vašem projektu, ova dvoslojna deklaracija je kanonska početna točka: kopirajte CSS, postavite element i pozadinu stranice na istu nježno sivu i dodajte odgovarajući rubni radijus. Sve radi lokalno u vašem pregledniku.