Adding a filter on an image when a button is clicked

Design help Animations & Interactions
1

Hi everyone. Is it possible to do this? For example there are 2 categories. First category is B&W Filter where it has 3 options, the black and white, greyscale, and documentary. On the other hand, the second category is Night Filter, where it has slumber, cyberpunk, and black ice. And the filters will stack up if they chose greyscale for B&W Filter and cyberpunk for Night Filter.

2

If you’re using standard CSS filters, you should be able to apply more than one to the same image like this;

DIV - filter1
    IMG - filter2

Also look at-