Neumorphismus im Webdesign

Neumorphismus CSS Generator

Neumorphismus ist ein Trend im Webdesign, der seit etwa Anfang 2020 besteht und meiner Meinung nach nicht ausgestorben ist. Ein Online-Tool hilft dir, diesen Trend für dein Webdesign einzusetzen.

Was ist Neumorphismus?

Neumorphismus ist ein Design-Trend der aus einer Kombination aus Skeumorphisums (Nachahmung von natürlichem Design – angelehnt an 3D-Stile) und Flat-Design (welches vor allem durch Googles „Material Design“ vor einigen Jahren gepusht wurde).

Im Webdesign wird im Neumorphism-Stil großteils mit natürlichem Spiel von Schatten und Licht eine real wirkende, aber dennoch „flat“-angelehnte Optik erzeugt.

Neumorphismus im Webdesign

Online-Tool und CSS-Generator

Mit dem Online-Tool www.neumorphism.io lässt sich mit dem Neumorphismus an einem Element verschiedene Einstellungen wie der Position des Lichts und Schatten, sowie auch die Rundungen und Wolbung des Elements einstellen kann.

Neumorphism css generator

Der daraus generierte CSS-Code kann einfach kopiert und in seiner Webseite verwendet werden.


Verwendest du Neumorphismus auf deiner Webseite? Dann lass doch einen Link dorthin in den Kommentaren da!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weitere Artikel

Hat KI das Webdesign gekillt? Was wir von Tim Ferriss über die Zukunft der Webdesign-Branche lernen müssen

Vor Kurzem hat Bestseller-Autor Tim Ferriss in seinem aktuellen Artikel „Has AI Already Killed How-To Nonfiction?“ eine ungeschminkte Wahrheit ausgesprochen, die eine ganze Branche durchschüttelt. …

WordPress-Animationen auf Next-Level: GSAP für Elementor, Gutenberg & Co.

Wer eine moderne Website mit WordPress baut, merkt schnell: Statische Textblöcke und Standard-Layouts hauen niemanden mehr vom Hocker. Wenn sich auf einer Seite beim Scrollen …