Neumorfismgenerator

Neumorphism-generatorn producerar det mjuka, upphöjda utseendet som kallas neumorphism eller soft UI. Du väljer en form — platt, nedtryckt eller konvex — och justerar avstånd, oskärpa och hörnradie mot en bakgrundsfärg, och verktyget bygger motsvarande box-shadow-CSS live. En förhandsvisning visar exakt hur elementet kommer att se ut, och ett kopieringsklart kodblock innehåller stilarna. Allt körs i din webbläsare.

1. Välj en form: platt, nedtryckt eller konvex 2. Ange bakgrundsfärgen så att den matchar ditt gränssnitt 3. Justera reglagen för avstånd, oskärpa och hörnradie 4. Se förhandsvisningen uppdateras i realtid 5. Klicka på Kopiera för att hämta den genererade CSS:en

Neumorphism fungerar bäst när elementet och dess bakgrund delar samma färg, så att skuggorna blandas till en mjuk 3-D-effekt — välj en bakgrundsfärg nära din sida. Platt ger ett upphöjt utseende, nedtryckt sänker elementet inåt, och konvex lägger till en subtil gradient för en rundad känsla. Mindre oskärpevärden håller kanterna skarpa, medan större känns mjukare. En högre hörnradie rundar hörnen för en vänligare form.