Neumorphism-generaattori

Neumorphism Generator tuottaa pehmeän, puristetun ulkonäön, jota kutsutaan neomorfismiksi tai soft UI:ksi. Valitset muodon — litistynyt, painettu tai kupera — ja säädät etäisyyden, sumennuksen ja reunan säteen taustavärin yläpuolella, ja työkalu rakentaa vastaavan box-shadow CSS:n reaaliajassa. Esikatselu näyttää tarkasti, miltä elementti näyttää, ja kopioitava koodilohko sisältää tyylit. Kaikki toimii selaimessasi.

1. Valitse muoto: litistynyt, painettu tai kupera 2. Aseta taustaväri vastaamaan käyttöliittymääsi 3. Säädä etäisyys-, sumennus- ja reunan säädinvipuja 4. Katso esikatselun päivitystä reaaliajassa 5. Napsauta Kopioi nappaaksesi generoidun CSS:n

Neomorfismi toimii parhaiten kun elementti ja sen tausta jakavat saman värin, jotta varjot sekoittuvat pehmeään 3-D -efektiin — valitse taustaväri lähelle sivuasi. Litistynyt antaa nostetun ulkonäön, painettu upottaa elementin sisäänpäin, ja kupera lisää hienovaraisen gradientin pyöreän tunteen saavuttamiseksi. Pienemmät sumennusarvot pitävät reunat terävinä, kun taas suuremmat tuntuvat pehmeämmiltä. Suurempi reunan sädes pyöristää kulmat ystävällisemmän muodon saavuttamiseksi.