Email Email address Location Postal address Tag Item category Url Web address Phone Phone number Previous Go to the previous item Next Go to the next item Quote This is quote Dribbble Link to Dribbble profile Github Link to Github profile Instagram Link to Instagram profile LinkedIn Link to LinkedIn profile Twitter Link to Twitter profile

Experiment

Vasarely in black and white

Recreating a painting by Victor Vasarely with CSS transforms.

Digital version of a painting created by Victor Vasarely in 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.

Side project / 2015

development

Previous pageVasarely in colour

Next pageTypecast competition

Interested in working together?

Do you have a project in mind? Get in touch and we can discuss the best solution that will fit your needs.

Get in touch