Mondrianische Kunst in CSS von 5 Codierern

Mondrian ist bekannt für seinen legendären Malstil: Fett schwarze Linien bilden ein Gitter, 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 verwendete?

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 Labor:

Mondrian Kunst basierend auf CSS -Netz

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 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

Pete Mondrian Style Art, erzeugt mit CSS Grid.

John Broers:

Mondrians Arbeit basierend auf CSS Grid

Das obige ist der detaillierte Inhalt vonMondrianische Kunst in CSS von 5 Codierern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!