Super Filter

Page with gallery of superheroes where every superhero is an object in array. Gallery images have random clip-path that is changing when aplying filters. Gallery layout created with CSS grid.

Technologies used for this project

• HTML
• CSS
• JavaScript

Configuration

In order to run this project you need to:

• Clone the repository
• Navigate to the directory where you have cloned the repo
• Run index.html file directly from cloned repositor

Functionalities

• Images with random clip-path that is changing when aplying filters
• Gallery filtering where you can add multiple filters
• Superhero lightbox after clicking on image

Page preview

https://emcecha.github.io/super-filter/