Vasarely in black and white

Recreating a painting by Victor Vasarely with CSS transforms.

, Side Project

Digital version of a painting created by Victor Vasarely in 1957.

Victor Vasarely painting from 1957 made up of four squares, each containing more black squares. In each quadrant some of the squares are rotated at different degrees.
Victor Vasarely painting, 1957

The effect is created using a series of PHP for loops to create all the HTML divs. These are styled with an excessive amount of nth-child strings in CSS to target specific squares, and CSS transforms to change the shapes of them.

This is the demo of the related blog post.

Demo