Blendy - Try CSS background blend modes easily



I recently built Blendy, a tool to preview CSS Background blend modes rapidly.

:gift:Notable features:

:heavy_check_mark:Change background color

:heavy_check_mark:Preview gradients on the image

:heavy_check_mark:Change the size of the image

:heavy_check_mark:Upload images from Unsplash or your computer

:heavy_check_mark:Copy code for a blend mode

Try it out here:
Demo Video: Youtube

I first thought of Blendy when I had a tough time choosing blend modes for a background image. Each time I changed the blend mode in my editor, saw it in the browser and repeated the process. This seemed more like firing shots in the dark. :tired_face:

Solution😃 : A tool where you can see all blend modes at once in different sizes and colors. You can also use it to preview linear gradients on the image.

I look forward to hear your thoughts.