Pure CSS Gallery

Pure CSS Mosaic Gallery

This Gallery was developed in a couple of days to replace the previous Adobe Portfolio. It was built using HTML and CSS only, as I wanted to see what could be achieved without the use of JavaScript. The site is also meant to portray the quality and simplicity of the legendary 50mm lens, which many of this images have been shot with.

The page uses CSS Grid for the layout, webkit aimations for the slide-in/fade-in effect and Media queries for various screen sizes. The tiles adjust themselves in both size and position depending on the size of the screen,  always complementing each other without leaving any blank tiles.

This site is also contrasting with another project I’m currently working on, which explores animations purely from a JavaScript perspective.

Leave a Reply

Your email address will not be published.Required fields are marked *