mundrian ist bekannt für seinen legendären Malstil: Fett schwarze Linien bilden ein Raster, und jede Zelle ist mit Rot, Gelb, Blau und Weiß gefüllt. Diese minimalistische Ästhetik ergänzt die rechteckige Struktur von Webseiten und hat CSS -Entwickler im Laufe der Jahre dazu angezogen. Kürzlich habe ich einige mit CSS erstellte Werke im Mondrian-Stil gesehen, also habe ich beschlossen, einige hervorragende Fälle zu sammeln, die ich in der Vergangenheit gesehen habe, und sie mit Ihnen teilen.

vasilis van Gemert:

Was ist, wenn Mondrian CSS anstelle von Pigmenten verwendet hat?

Viele Menschen versuchen, Mondrians Arbeit mit CSS zu reproduzieren. Dies scheint eine einfache und einfache Übung zu sein: CSS ist leicht zu kreieren Rechtecken, und jetzt ist es mit einem Gitter auch einfach, den größten Teil seiner Arbeiten zu reproduzieren. Ich habe es versucht und es stellte sich heraus, dass es etwas komplizierter war als ich dachte. Und das Ergebnis ist überraschend.

Jen Simmons Lab:

Mondrian Kunst basierend auf CSS Grid

Ich mag die Texturdetails, die Jen der Arbeit hinzugefügt hat. Wie bei den meisten Beispielen verwendet sie CSS -Netz stark.

Jen Schiffer:

variable t: Pete Mondrian

Ich habe Mondrian zu Beginn ausgewählt, nicht weil er mein Lieblingskünstler war (er war es nicht), und weil seine Arbeit leicht zu erkennen war (es war leicht zu erkennen), sondern weil ich dachte, es wäre ein Spaß (ja) und leicht zu beginnen (haha, nein).

riley wong:

Erstellen Sie Ihr eigenes Gemälde im Mondrian-Stil mit Code

Es gibt ein 12-Stufen-Tutorial auf GitHub.

adam fuhrer:

css mondrian

Peter Mondrian Style Art Art, das mit CSS -Gitter erzeugt wurde.

John Broers:

Mondrians Arbeit basierend auf CSS Grid