Mondrian is known for work with large thick black traces forming a grid, the place every cell is white, pink, yellow, or blue. This aesthetic pairs nicely with the notoriously rectangular net, and that hasn’t gone unnoticed through the years with CSS builders. I noticed some Mondrian Artwork in CSS going across the different day and figured I’d go on the lookout for others I’ve seen through the years and spherical them up.
Vasilis van Gemert:
What if Mondrian used CSS as a substitute of paint?
Many individuals have tried to recreate a murals by Mondriaan with CSS. It looks as if a pleasant and easy train: rectangles are simple with CSS, and now with grid, it’s simple to recreate most of his works. I attempted it as nicely, and it turned out to be a bit extra sophisticated than I believed. And the outcomes are, nicely, shocking.
Jen Simmons Lab:
Mondrian Artwork in CSS Grid
I really like how Jen went the additional mile with the feel. Like most of those examples, CSS grid is used closely.
var t;: Piet Mondrian
I began with Mondrian not as a result of he’s my favourite artist (he isn’t), or that his work could be very recognizeable (it’s), however as a result of I believed it could be a enjoyable (sure) and simple begin (lol nope) to this undertaking.
There’s a 12-step tutorial on GitHub.
Generative Piet Mondrian model artwork utilizing CSS grid.