Generowanie tekstu w formie neumorfizmu

Generator neomorfizmu tworzy miękki, wytłaczany wygląd znany jako neomorfizm lub soft UI. Wybierasz kształt — płaski, wciśnięty lub wypukły — i dostosowujesz odległość, rozmycie oraz promień zaokrąglenia na kolorze tła, a narzędzie na żywo buduje pasujący CSS box-shadow. Podgląd pokazuje dokładnie, jak element będzie wyglądał, a blok kodu gotowy do skopiowania zawiera style. Wszystko działa w przeglądarce.

1. Wybierz kształt: płaski, wciśnięty lub wypukły 2. Ustaw kolor tła pasujący do interfejsu 3. Dostosuj suwaki odległości, rozmycia i promienia zaokrąglenia 4. Obserwuj podgląd aktualizujący się w czasie rzeczywistym 5. Kliknij Kopiuj, aby pobrać wygenerowany CSS

Neomorfizm działa najlepiej, gdy element i tło mają ten sam kolor, więc cienie zlewają się w miękki efekt 3D — wybierz kolor tła zbliżony do strony. Płaski daje wypukły wygląd, wciśnięty wciska element do środka, a wypukły dodaje delikatny gradient dla zaokrąglonego odczucia. Mniejsze wartości rozmycia utrzymują ostre krawędzie, większe są bardziej miękkie. Wyższy promień zaokrąglenia zaokrągla rogi do bardziej przyjaznego kształtu.